Конвертер цветов
Введите цвет в любом формате и сразу получите все конвертации — RGB, Hex, HSL, HWB, CMYK и NCol.
Что такое конвертер цветов?
Конвертер цветов переводит цвета между различными системами кодирования, используемыми в веб-дизайне, печати и цифровом искусстве. Российские дизайнеры работают с палитрами, охватывающими рубиновый красный Кремлёвских звёзд, берёзово-белый русских лесов, синий морозного неба и золотой куполов православных церквей.
Инструмент поддерживает шесть форматов: RGB, Hex, HSL, HWB, CMYK и Natural Color (NCol). Он также определяет ближайшее CSS-имя цвета, если совпадение достаточно точное.
Цветовые модели кратко
RGB
Аддитивная модель для экранов. Каждый канал 0–255. Все на максимуме дают белый.
Hex
RGB в шестнадцатеричной нотации, широко используемой в CSS. Напр.: #cc0000 (рубиновый красный Кремля).
HSL
Описывает цвет углом оттенка (0–360°), насыщенностью и светлотой. Близко к восприятию человека.
HWB
Альтернатива HSL. Использует оттенок, белизну и черноту. Простое осветление или затемнение.
CMYK
Субтрактивная модель для печати: голубой, пурпурный, жёлтый и чёрный.
Natural Color (NCol)
W3C Natural Color: оттенок буквой + процентным смещением, белизна и чернота.
Российские примеры цветов
Рубиново-красный Кремля (#cc0000)
Рубиново-красный цвет кремлёвских звёзд и знамён (RGB 204, 0, 0). HSL около 0°, 100%, 40%. Кремлёвские звёзды изготовлены из рубинового стекла с 1937 года.
Берёзово-белый (#f5f0e8)
Тёплый белый с кремовым оттенком коры берёзы (RGB 245, 240, 232). HSL около 40°, 41%, 93%). Берёза — символ России, воспетый поэтами и художниками.
Золото куполов (#d4952a)
Тёплое золото позолоченных куполов православных церквей (RGB 212, 149, 42). HSL около 38°, 67%, 50%). Храм Христа Спасителя и Московский Кремль сияют этим тоном.
Морозно синее небо (#2060a0)
Насыщенный синий зимнего российского неба (RGB 32, 96, 160). HSL около 210°, 67%, 37%.
Как это работает
- 1
Выберите формат ввода, соответствующий типу вашего цветового кода.
- 2
Введите значения цвета. Результаты обновляются мгновенно — кнопка не нужна.
- 3
Конвертер нормализует все входные данные во внутреннее RGB-представление как универсальную точку отсчёта.
- 4
Из этой RGB-тройки значения всех остальных форматов вычисляются по стандартным математическим формулам.
- 5
Поиск по имени сравнивает со 148 цветами CSS и возвращает ближайший в пределах ~30 единиц.
Советы и лучшие практики
- ✓
Используйте Hex или RGB в стилях CSS; отдавайте предпочтение HSL для программного регулирования яркости или насыщенности.
- ✓
Значения CMYK являются приблизительными — всегда консультируйтесь с типографией перед коммерческой печатью.
- ✓
HWB идеально подходит для создания семейств цветов: сохраняйте постоянный оттенок и меняйте белизну.
- ✓
При вводе Hex-кодов префикс '#' является необязательным.
- ✓
Официальные цвета российских брендов (Почта России, РЖД, Первый канал) — всегда проверяйте официальные руководства по брендингу.
Часто задаваемые вопросы
В чём разница между HSL и HWB?
Оба используют угол оттенка, но второй и третий параметры различаются. HSL использует насыщенность и светлоту; HWB непосредственно белизну и черноту. HWB часто более интуитивен для осветления (больше белого) или затемнения (больше чёрного) цвета.
Почему CMYK выглядит иначе на экране?
Экраны используют аддитивный свет (RGB); принтеры — субтрактивные чернила (CMYK). Цветовые гаммы не совпадают полностью. Конвертер даёт математическое приближение, а не точный печатный эквивалент.
Что такое Natural Color (NCol)?
Предложение W3C, которое кодирует оттенок буквой (R, Y, G, C, B, M) и процентным смещением, за которыми следуют белизна и чернота. Напр. R0 0% 0% — чистый красный.
Могу ли я конвертировать CSS-цвет как 'coral'?
Да. Введите название в поле 'Поиск по имени CSS' и конвертер автоматически загрузит значения.
Насколько точны результаты конвертации?
Hex и RGB без потерь (с округлением до целых чисел). HSL, HWB и NCol округляются до одного знака после запятой. CMYK — только математическое приближение.
Почему иногда не отображается название цвета?
Инструмент содержит только 148 стандартных CSS-имён. Если введённый цвет находится более чем в ~30 RGB-единицах от любого именованного цвета, название не возвращается.
Отображение цветов может отличаться между устройствами из-за калибровки экрана и цветовых профилей. Значения CMYK являются математическими приближениями.