ИНСТРУМЕНТ ДЛЯ ДИЗАЙНА
Переводите цвет между HEX, RGB, HSL, HSV и CMYK. Редактируйте значение, проверьте контрастность по WCAG и скопируйте код для сайта, дизайна или печатного макета.
Этот блок показывает реальную читаемость текста на выбранном вами цвете фона.
Пример конвертации
HEX
#3366CCRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)CMYK
cmyk(75%, 50%, 0%, 20%)Это пересчёт одного цвета для экрана и предварительной подготовки макета. Контрастность WCAG проверяется отдельно и показывает читаемость выбранной пары цветов, а не заменяет конвертацию форматов.
Введите HEX-код или выберите цвет в интерфейсе. Конвертер сразу покажет соответствующие значения RGB, HSL, HSV и CMYK, которые можно скопировать.
Вставьте RGB-значение или измените его поля, после чего откройте блок CMYK. Результат подходит для предварительной подготовки цвета к печати, но итоговый оттенок зависит от цветового профиля.
Да. После ввода HEX-кода инструмент показывает связанные значения RGB, HSL, HSV и CMYK, а кнопки рядом с форматами позволяют скопировать результат.
Это показатель читаемости текста на фоне. Конвертер сравнивает цвет с белым и чёрным и показывает коэффициент, который помогает предварительно проверить доступность интерфейса.
CMYK используют в полиграфии, а RGB и HEX — преимущественно для экранов и веба. После конвертации цвет стоит проверить в целевом цветовом профиле, потому что экранный и печатный оттенок могут различаться.
Используйте блок гармоний для выбранного цвета: комплементарные, аналоговые и триадные варианты помогают быстро собрать палитру для дизайна.
ДЛЯ ПРОДУКТИВНОЙ РАБОТЫ
Работайте с текстом, форматированием или нейросетями.
Соцсети и контакты