Конвертер Цветов Онлайн
Конвертируйте цвета между HEX, RGB, HSL, HSV и CMYK прямо в браузере.
Зачем это нужно
Конвертер цветов: HEX, RGB, HSL и другие
Все форматы
HEX, RGB, HSL, HSV, CMYK — все форматы одновременно.
Без интернета
Конвертация в браузере без отправки данных на сервер.
Предпросмотр
Цветовой образец обновляется при вводе для визуальной проверки.
Мгновенно
Все эквиваленты отображаются одновременно при вводе.
Как это работает
Три шага — никаких сложностей
Введите цвет
Введите цвет в любом формате: HEX, RGB, HSL, HSV или CMYK.
Получите все форматы
Инструмент автоматически вычисляет эквивалент во всех цветовых форматах.
Скопируйте нужный формат
Скопируйте цвет в том формате, который нужен для вашего проекта.
FAQ
Остались вопросы?
HEX (#RRGGBB или #RGB), RGB (red 0-255, green 0-255, blue 0-255), RGBA (с альфа-каналом 0-1), HSL (hue 0-360°, saturation 0-100%, lightness 0-100%), HSLA, HSV/HSB (hue 0-360°, saturation 0-100%, value/brightness 0-100%), CMYK (cyan, magenta, yellow, key/black 0-100%).
HEX и RGB используются в CSS и веб-разработке. HSL удобен для программной манипуляции цветом: проще создать более светлый/тёмный вариант, изменив lightness. HSV ближе к человеческому восприятию. CMYK используется в полиграфии. Конвертация между форматами необходима при работе на стыке веб- и принт-дизайна.
Экраны используют аддитивную RGB-модель (сложение света), принтеры — субтрактивную CMYK-модель (вычитание красителей). Цветовые охваты (gamut) различаются: RGB экранов охватывает цвета, недоступные в CMYK, и наоборот. Конвертация между RGB и CMYK всегда приближённая и зависит от ICC-профиля.
rgba(255, 99, 71, 0.5) — красный с 50% прозрачностью. hsla(9, 100%, 64%, 0.5) — тот же цвет через HSL. В CSS Color Level 4 можно писать #FF63477F (HEX с альфа-каналом) или rgb(255 99 71 / 0.5) — новый синтаксис без запятых.
sRGB (standard RGB) — стандартное цветовое пространство для веб- и экранного использования, определённое IEC 61966-2-1 (1999). Большинство мониторов, браузеров и дисплеев работают в sRGB. Профессиональные мониторы поддерживают расширенные пространства: DCI-P3, Adobe RGB, Rec. 2020. CSS Color Level 4 добавил поддержку color(display-p3 r g b) для P3-цветов.
Цветовые модели: RGB, HSL, CMYK и CSS Color Level 4
RGB (Red Green Blue) — аддитивная цветовая модель, основа всех экранных технологий. Каждый канал 0-255 даёт 16 777 216 возможных цветов. HEX — компактная запись RGB в шестнадцатеричной системе. HSL (Hue Saturation Lightness) введён для удобства программной работы с цветом: человеку проще оперировать понятиями оттенка, насыщенности и яркости, чем компонентами RGB.
CMYK (Cyan Magenta Yellow Key/Black) — субтрактивная модель для полиграфии. Чернила поглощают (вычитают) части спектра белого света. Добавление чёрного (K) необходимо, потому что смешение 100% CMY даёт тёмно-коричневый, а не чистый чёрный. Преобразование RGB→CMYK зависит от ICC-профиля и особенностей конкретного принтера.
CSS Color Level 4 (W3C) вводит новые пространства: lab() и lch() для равномерного цветового пространства (perceptually uniform), oklch() и oklab() — улучшенные версии. display-p3 охватывает примерно на 25% больше цветов, чем sRGB. Поддержка широкого охвата (wide gamut) в CSS пока в процессе реализации в браузерах, но уже работает в Safari и Chrome.