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