Веб-разработка
Color Converter
Конвертация цвета между HEX, RGB, HSL, HSV/HSB и CMYK — введите значение в любое поле, остальные обновятся мгновенно.
The same color can be written differently depending on context: HEX and RGB are convenient for code, HSL is intuitive for picking a hue and lightness, and CMYK is for print. This tool converts between all of them at once.
How to use it
- Enter a value in any field (HEX, RGB, HSL, HSV/HSB, or CMYK) — every other format updates instantly.
- The "random color" button generates a random hue for quickly browsing a palette.
- Copy the format you need with one click to paste into CSS or a graphics editor.
Which format to use when
- HEX — a compact notation for CSS and design systems (#4453b8).
- RGB — when you need transparency via rgba() or programmatic access to individual color channels.
- HSL — the easiest for manual tuning: lighten or darken a color by changing just one value.
- CMYK — for materials headed to print, where colors mix subtractively, unlike the additive RGB used on screens.
Things to keep in mind
CMYK on screen is only an approximation — the exact printed color depends on the printer, paper, and color profile used.
Conversion between color spaces isn't always exact for extreme, highly saturated colors, due to differences in gamut coverage between models.
Статья об этом инструменте: HEX, RGB, HSL: почему для цвета существует столько записей
Часто задаваемые вопросы
Как конвертер обрабатывает альфа-канал (прозрачность)?
Альфа поддерживается в HEX (#RRGGBBAA), RGBA и HSLA — то, что вы вводите, переносится в другие форматы, поддерживающие прозрачность, тогда как форматы без альфа-канала, как обычный CMYK, просто игнорируют её.
Почему значение немного меняется после конвертации в CMYK и обратно в HEX?
CMYK — это модель, ориентированная на печать, без единой фиксированной формулы для конвертации в/из RGB, поэтому циклическая конвертация может сместить значения на погрешность округления в одну-две единицы; визуально цвет остаётся практически тем же.
Отправляются ли мои данные о цвете куда-либо?
Нет, каждая конвертация происходит локально в вашем браузере с помощью JavaScript — ничего не загружается на сервер.
Чем OKLCH отличается от HSL?
OKLCH описывает цвет через яркость (L), хрому (C) и оттенок (H), но в отличие от HSL учитывает то, как человеческий глаз реально воспринимает яркость — изменение L в OKLCH не искажает воспринимаемую насыщенность цвета, поэтому переходы между оттенками выглядят более равномерными.
Что значит, что цвет «вне гаммы» (out of gamut)?
Некоторые цвета в широких пространствах вроде OKLCH или Display P3 физически не могут быть воспроизведены на дисплеях, поддерживающих только sRGB — браузер в таком случае подставляет ближайший доступный цвет в пределах поддерживаемой гаммы.