Конвертер цветов

Впишите цвет в любом формате — HEX, RGB, HSL или CMYK — калькулятор переведёт его во все остальные. Покажет образец и проверит, какой текст будет читаться на этом фоне.

С проверкой контраста Обновлено 17 октября 2026 Формулы sRGB, HSL, HSV; CMYK — без цветового профиля; контраст — по WCAG 2.1

#3a7bd5, 58 123 213, hsl(215, 65%, 53%) или cmyk(73, 42, 0, 16)

Формат

«Сам» узнаёт формат по записи. Четыре числа без подписи считаются CMYK

Введите значения — расчёт появится здесь.

Калькулятор помог?

Как перевести RGB в CMYK

RGB описывает цвет на экране: сколько красного, зелёного и синего света. CMYK — сколько голубой, пурпурной, жёлтой и чёрной краски нанести на бумагу.

Сначала находят чёрную составляющую: K = 1 − max(R, G, B). Остальные краски считают от оставшегося: C = (1 − R − K) ÷ (1 − K), так же M и Y.

Значения RGB здесь делятся на 255, чтобы получить доли от 0 до 1.

K = 1 − max(R′, G′, B′); C = (1 − R′ − K) ÷ (1 − K)
R′ = R ÷ 255, аналогично G′ и B′

Пример

Цвет rgb(58, 123, 213)

  1. R′ = 0,227, G′ = 0,482, B′ = 0,835
  2. K = 1 − 0,835 = 0,165 → 16%
  3. C = (1 − 0,227 − 0,165) ÷ 0,835 = 0,728 → 73%
  4. M = 42%, Y = 0%

cmyk(73%, 42%, 0%, 16%)

Почему в типографии CMYK другой

Формула выше не знает, на какой бумаге и какими красками будут печатать. Типографии используют цветовые профили, например Coated FOGRA39 для мелованной бумаги.

Перед печатью переводите цвета в Photoshop или Illustrator с профилем типографии. Калькулятор даёт ориентир, а не точные значения для пресса.

Яркие экранные цвета — чистый зелёный, насыщенный синий — краской не напечатать: они выходят за охват CMYK.

HEX и RGB

HEX-код — шесть знаков после решётки. Первые два — красный, вторые — зелёный, третьи — синий, каждый от 00 до FF, то есть от 0 до 255.

#3A7BD5: 3A = 58, 7B = 123, D5 = 213. Короткая запись #37D раскрывается удвоением: #3377DD.

HSL и HSV

HSL задаёт цвет тоном (0–360°), насыщенностью и светлотой. Им удобно подбирать оттенки: чтобы сделать кнопку темнее при наведении, уменьшают светлоту.

HSV похож на HSL, но вместо светлоты в нём яркость. Его используют палитры в графических редакторах.

Основные цвета в HEX, RGB и CMYK

ЦветHEXRGBCMYK, %
Красный#FF0000255, 0, 00, 100, 100, 0
Зелёный#00FF000, 255, 0100, 0, 100, 0
Синий#0000FF0, 0, 255100, 100, 0, 0
Жёлтый#FFFF00255, 255, 00, 0, 100, 0
Голубой#00FFFF0, 255, 255100, 0, 0, 0
Пурпурный#FF00FF255, 0, 2550, 100, 0, 0
Оранжевый#FFA500255, 165, 00, 35, 100, 0
Серый#808080128, 128, 1280, 0, 0, 50
Белый#FFFFFF255, 255, 2550, 0, 0, 0
Чёрный#0000000, 0, 00, 0, 0, 100

Контраст текста по WCAG

Контраст — отношение яркостей текста и фона, от 1 : 1 до 21 : 1. Чёрный на белом — максимальные 21 : 1.

Для обычного текста нужно не меньше 4,5 : 1, для крупного — 3 : 1. Это уровень AA стандарта доступности WCAG; уровень AAA — 7 : 1.

Калькулятор подскажет, белый или чёрный текст лучше читается на выбранном фоне.

Где ошибаются

Частые вопросы

Как перевести RGB в CMYK?
K = 1 − max(R, G, B) ÷ 255, затем C, M, Y по формуле (1 − цвет − K) ÷ (1 − K). Калькулятор делает это сам.
Как перевести HEX в RGB?
Разбейте код на три пары и переведите каждую из шестнадцатеричной системы: #FF8000 = 255, 128, 0.
Как перевести CMYK в RGB?
R = 255 × (1 − C) × (1 − K), так же G и B.
Почему цвет при печати отличается от экрана?
Краски дают меньший охват, чем экран, а типография считает по своему цветовому профилю.
Что такое HSL?
Запись цвета через тон, насыщенность и светлоту.
Какой контраст нужен для текста?
Не меньше 4,5 : 1 для обычного и 3 : 1 для крупного текста.
Что значит #FFF?
Короткая запись белого #FFFFFF.
Какой цвет у RAL?
RAL — каталог красок, у каждого номера свой утверждённый образец. Переводы RAL в RGB приблизительны.

Источники

Другие калькуляторы