Выбор цвета
Пипетка с копированием HEX, RGB, HSL и связанных палитр
Тени
Оттенки
Тоны
Гармонии цвета
Комплементарная
Аналоговая
Триадная
Тетрадная
Контраст WCAG
На белом
Коэффициент: 4.35:1
На чёрном
Коэффициент: 4.83:1
Выберите цвет на палитре или введите значение вручную и скопируйте HEX, RGB, HSL, HSV или OKLCH. Доступны оттенки, тона и цветовые гармонии для сборки палитры.
Ограничения
Расчёты выполняются локально в браузере. Контраст текста на фоне всё равно стоит проверить по WCAG перед публикацией интерфейса.
Рекомендуемые инструменты
Частые вопросы
Для выбранного цвета инструмент показывает HEX, RGB, HSL, HSV и OKLCH. Значения рассчитываются из одного цвета, поэтому их можно использовать как эквивалентные представления в CSS и графических редакторах с учётом поддержки конкретного формата.
Да, цвет можно задать через доступные поля HEX, RGB или HSV, а остальные представления пересчитаются автоматически. Каналы RGB ограничены диапазоном 0–255, а насыщенность и яркость HSV — диапазоном 0–100%.
Оттенки и тона помогают построить согласованную палитру для состояний интерфейса, фонов и границ. Цветовые гармонии дают математически связанные цвета, но итоговую читаемость текста всё равно следует проверять по коэффициенту контрастности.
Нет, выбор цвета и все преобразования выполняются локально в браузере. Инструмент не загружает палитру или введённые значения на сервер.
Нет, выбор цвета и все преобразования выполняются локально в браузере. Инструмент не загружает палитру или введённые значения на сервер.