Онлайн-выбор цвета
Описание инструмента:
Нажмите на нужный цвет в палитре/выборе цветов ниже, и инструмент мгновенно отобразит шестнадцатеричный код цвета и покажет соответствующие значения преобразования цвета в форматах RGB, CMYK, LAB, HSL, XYZ, LUV, HWB. Вы можете нажимать кнопки вверх и вниз в палитре для переключения между HEX, RGB и HSL и изменять их значения. Перетащите полосу HUE для регулировки оттенка. Ниже вы можете увидеть вариации цвета, создающие значения оттенков выбранного цвета путем добавления чистого белого или черного с шагом 10%. Этот инструмент также отображает цветовые комбинации, включая дополнительные, разделенные дополнительные, триадные, аналогичные, монохроматические и тетрадические цветовые схемы. Кроме того, есть проверка контрастности цветов; нажмите "Нажмите для исправления", чтобы отрегулировать цвета текста и фона для оптимального контраста.
Выбор цвета
Значение цвета
Оттенки цвета
Оттенки цвета показывают эффект смешивания выбранного цвета с белым и черным. Верхняя секция отображает цвет, смешанный с разными пропорциями белого (становится светлее), а нижняя секция показывает смешивание с разными пропорциями черного (становится темнее). Каждый цветовой блок отображает свой шестнадцатеричный код, нажмите для копирования.
Цветовые комбинации
Цветовые комбинации показывают другие цвета, которые хорошо сочетаются с выбранным цветом. Эти комбинации основаны на теории цвета и могут использоваться для разработки цветовых схем. Нажмите на любой цвет, чтобы скопировать его шестнадцатеричный код.
Дополнительные
Дополнительные цвета расположены напротив друг друга на цветовом круге, на расстоянии 180°. Эта комбинация создает сильный контраст и является яркой.
Разделенные дополнительные
Выберите базовый цвет, затем выберите цвета по обе стороны от его дополнительного цвета (обычно на расстоянии 30°). Эта комбинация обеспечивает высокий контраст, но более гармонична, чем прямые дополнительные цвета.
Триадные
Выберите три цвета, равноудаленные (на расстоянии 120°) на цветовом круге. Эта комбинация сбалансирована и ярка, но требует внимания к пропорциям при использовании.
Аналогичные
Выберите цвета, смежные друг с другом на цветовом круге (обычно на расстоянии 30°). Эта комбинация гармонична и естественна, подходит для создания комфортных дизайнов.
Монохроматические
Используйте цвета с одинаковым оттенком, но разной яркостью и насыщенностью. Эта комбинация чиста и гармонична, подходит для минималистичных дизайнов.
Тетрадические
Выберите четыре цвета, равноудаленные на цветовом круге (обычно образующие прямоугольник или квадрат). Эта комбинация богата и красочна, но должна использоваться осторожно, чтобы избежать излишней сложности.
Проверка контрастности цветов
Проверка контрастности используется для оценки читаемости цвета текста на фоне цвета фона. Хороший контраст имеет решающее значение для улучшения доступности контента, особенно для пользователей с нарушениями зрения. Стандарты WCAG требуют: уровень AA требует коэффициента контрастности не менее 4.5:1, уровень AAA требует коэффициента контрастности не менее 7:1.
Aa Предварительный просмотр текста Sample Text
1234567890