Выбор цвета

Пипетка с копированием HEX, RGB, HSL и связанных палитр

Выберите цвет на палитре или введите значение вручную и скопируйте HEX, RGB, HSL, HSV или OKLCH. Доступны оттенки, тона и цветовые гармонии для сборки палитры.

Ограничения

Расчёты выполняются локально в браузере. Контраст текста на фоне всё равно стоит проверить по WCAG перед публикацией интерфейса.

Рекомендуемые инструменты

Частые вопросы

Для выбранного цвета инструмент показывает HEX, RGB, HSL, HSV и OKLCH. Значения рассчитываются из одного цвета, поэтому их можно использовать как эквивалентные представления в CSS и графических редакторах с учётом поддержки конкретного формата.

Да, цвет можно задать через доступные поля HEX, RGB или HSV, а остальные представления пересчитаются автоматически. Каналы RGB ограничены диапазоном 0–255, а насыщенность и яркость HSV — диапазоном 0–100%.

Оттенки и тона помогают построить согласованную палитру для состояний интерфейса, фонов и границ. Цветовые гармонии дают математически связанные цвета, но итоговую читаемость текста всё равно следует проверять по коэффициенту контрастности.

Нет, выбор цвета и все преобразования выполняются локально в браузере. Инструмент не загружает палитру или введённые значения на сервер.

Нет, выбор цвета и все преобразования выполняются локально в браузере. Инструмент не загружает палитру или введённые значения на сервер.