Редактируйте любое значение, чтобы синхронизировать цветовой блок и все форматы.
Разные задачи требуют разных моделей. В вебе чаще используют HEX или RGB, а для настройки цвета удобнее HSL/HSV.
HEX — это шестнадцатеричная запись RGB, компактная для CSS; RGB удобен для пикселей, экранов и обработки изображений.
HSL и HSV отделяют оттенок, насыщенность и яркость/светлоту, что помогает строить палитры, градиенты и брендовые системы.
CMYK — стандарт печати, он помогает сопоставить экранные цвета с печатным результатом и избежать сюрпризов.
| Формат | Пример | Сценарий |
|---|---|---|
| HEX | #FF5733 | Веб-дизайн, CSS |
| RGB | rgb(255, 87, 51) | Экран, Photoshop |
| HSL | hsl(11, 100%, 60%) | Настройка оттенка и насыщенности |
| CMYK | cmyk(0%, 66%, 80%, 0%) | Печать, графический дизайн |
| HSV | hsv(11°, 80%, 100%) | Обработка изображений, OpenCV |
Единый конвертер поддерживает консистентность между дизайном, разработкой и печатью, уменьшая цветовые расхождения.
HEX и RGB — один и тот же модельный базис, просто в разных системах счисления. HSL/HSV/CMYK перестраивают каналы под восприятие или печать, поэтому цифры другие, но цвет тот же.
Конвертации используют дробные вычисления, округление и отображение в другой цветовой модели. Для CMYK это особенно заметно, так как профили печати различаются.
Когда нужно управлять оттенком, насыщенностью и яркостью при создании палитр, тем и градиентов. Эти модели удобнее для визуальных правок.
Печать работает с красками, а не со светом RGB. Зная CMYK, проще избежать смещения цвета в печатной продукции.
HEX компактнее и удобен для CSS, а RGB проще для управления каналами и работы с пикселями.
HSL использует светлоту, HSV — яркость. Из-за этого по-разному распределяется яркость в градиентах и шкалах.
У каждой модели заданный числовой диапазон. Ограничение предотвращает невалидные цвета и скачки значений.
Проверка формата защищает от обновления цвета во время ввода неполных или ошибочных значений.
Нет, все вычисления выполняются локально в браузере.
Это универсальная конвертация. Точная печать зависит от ICC-профилей, бумаги и настроек печатной машины.
Живое преобразование HEX/RGB/HSL/HSV/CMYK для дизайна и разработки.
Отсканируйте, чтобы продолжить на мобильном.