Конвертер цветов онлайн
Переводите цвета между HEX, RGB и HSL, выбирайте оттенок в палитре и получайте ориентировочный CMYK для печати.
Ориентировочно: без ICC-профиля и настроек печати.
Что переводит конвертер цветов
Инструмент переводит один и тот же sRGB-цвет между HEX, RGB и HSL. CMYK показывается как ориентировочная справка: без ICC-профиля, бумаги, краски и настроек печати он не является готовым печатным рецептом.
| Формат | Пример | Где использовать | Ограничение |
|---|---|---|---|
| HEX | #3b82f6 или #fff | CSS, HTML, дизайн-системы | Поддерживаются 6-значный HEX и короткий HEX из 3 символов |
| RGB | rgb(59, 130, 246) | Интерфейсы, canvas, графика для экранов | Значения относятся к экранной модели sRGB |
| HSL | hsl(217, 91%, 60%) | Подбор оттенка, насыщенности и светлоты в CSS | Это другая запись того же экранного цвета |
| CMYK | 76%, 47%, 0%, 4% | Черновая оценка для разговора с типографией | Точный CMYK зависит от профиля печати |
HEX, RGB и HSL в CSS
Для веб-интерфейсов обычно достаточно HEX, RGB и HSL. Если ввести короткий HEX вроде #fff, конвертер нормализует его в 6-значный HEX #ffffff, чтобы значение было удобно переносить в CSS и токены дизайна.
Обозначения и диапазоны
R — красный канал 0-255, G — зелёный канал 0-255, B — синий канал 0-255, H — тон 0-360, S — насыщенность в процентах, L — светлота в процентах, C — голубая краска, M — пурпурная краска, Y — желтая краска, K — черная краска. CMYK здесь считается как ориентировочная оценка экранного цвета, не как профильный печатный рецепт.
- Диапазоны помогают быстро заметить ошибку ввода: экранные каналы не выходят за 0-255, а процентные значения не выходят за 0-100%.
- Оттенок на цветовом круге нормализуется в диапазоне 0-360, поэтому одинаковый цвет можно записать разными, но эквивалентными значениями.
- Проценты CMYK остаются ориентировочными без ICC-профиля, бумаги и настроек печати.
Почему CMYK только ориентировочный
RGB описывает свет на экране, а CMYK — смешение красок при печати. Один и тот же экранный цвет может переводиться в разные CMYK-значения в зависимости от ICC-профиля, бумаги, красок и требований типографии.
Что пока не обещает инструмент
- Прозрачность, alpha и RGBA не рассчитываются: текущая версия работает с непрозрачным цветом.
- HSV/HSB не выводится, чтобы не обещать формат, которого нет в интерфейсе.
- LAB, OKLCH и проверка контраста не реализованы в этом инструменте.
- Ввод CMYK и печатная цветопроба не заменяются онлайн-конвертацией.
Часто задаваемые вопросы
Источники и нормативная база
- MDN Web Docs — CSS color valuesMDN
- MDN Web Docs — Hexadecimal colorsMDN
- W3C — CSS Color Module Level 4W3C
Расчёты выполняются на основе указанных нормативных и справочных источников. Ссылки открываются в новой вкладке.
Похожие инструменты
Создавайте гармоничные палитры из 5 цветов: монохром, аналогичная, комплементарная, триада, тетрада. HEX/RGB/HSL, UI-превью, экспорт в CSS, Tailwind и JSON.
Создавайте linear, radial и conic градиенты с живым превью. Экспортируйте результат как CSS, Tailwind или raw-значение.
Сгенерируйте случайный цвет или палитру из 5 оттенков с фильтрами: светлый, тёмный, пастельный, яркий, тёплый, холодный. HEX, RGB, HSL — копируются в один клик.