IT Market
Инструменты/Дизайн/Цвет/Перевод цвета CMYK в HEX код онлайн бесплатно
CMYK → HEX

Конвертер цветов из CMYK в HEX

Коротко об инструменте

Перевод цвета CMYK в HEX код онлайн бесплатно

На входе — четыре числа CMYK из типографского макета, на выходе — шестизначный HEX код вида #FF0000, который понимает браузер. Формула простая, без ICC-профиля: результат визуально близкий, но не точный по цветопробе. Пригодится, когда фирменный цвет утверждён в CMYK для листовок, а сайт или презентацию нужно собрать в тех же оттенках. Расчёт идёт в браузере. Смотрите также: обратный пересчёт HEX в краски CMYK, разложить HEX на каналы RGB, пипетка цвета с полями HSV и CMYK.

Как пользоваться

  1. Впишите значение голубого канала в поле «C (0-100%)» — берите его из свойств заливки в Illustrator, InDesign или CorelDRAW.
  2. Заполните оставшиеся три поля: «M (0-100%)» — пурпурный, «Y (0-100%)» — жёлтый, «K (0-100%)» — чёрный.
  3. Нажмите кнопку «Конвертировать» — под полями появится HEX код и квадрат-превью с получившимся оттенком.
  4. Сравните превью с исходным макетом: если цвет ушёл, уменьшите K на несколько процентов и пересчитайте.
  5. Нажмите «Копировать», чтобы забрать код в буфер и вставить его в CSS, Figma или поле выбора цвета.

Вопросы и ответы

Почему цвет на экране не совпадает с напечатанным оттиском?

CMYK описывает краску на бумаге, HEX — свечение пикселей. Гамма экрана шире, поэтому насыщенные цвета после перевода выглядят ярче, а глубокий чёрный из четырёх красок превращается в обычный #000000. Точное совпадение даёт только пересчёт через ICC-профиль конкретной печатной машины и бумаги, а не арифметическая формула.

Какую формулу использует конвертер CMYK в HEX?

Стандартный naive-пересчёт: каждый канал RGB считается как 255 × (1 − C) × (1 − K), затем результат переводится в шестнадцатеричный вид. Профили Coated FOGRA или US Web Coated не применяются — это осознанное упрощение, ровно такое же, какое делают встроенные пикеры Figma и большинства онлайн-конвертеров.

Можно ли ввести дробные значения вроде 12.5%?

Поля принимают числа от 0 до 100, и дробную часть браузер тоже пропустит, но на итоговый HEX она почти не влияет: в 8-битном канале одна десятая процента укладывается в тот же байт. Проще округлить значение до целого — результат будет тот же.

Как перевести цвет обратно, из HEX в CMYK?

Для обратного направления есть отдельная страница «HEX в CMYK» в том же разделе. Учтите, что двойной проход туда и обратно не всегда возвращает исходные числа: обратная формула всегда выносит максимум в канал K, поэтому вместо C 15 M 0 Y 90 K 5 может получиться другой набор с тем же экранным оттенком.

Куда уходят значения, которые я ввожу в поля?

Никуда. Вся арифметика выполняется скриптом внутри страницы, сетевых запросов с введёнными числами страница не делает. Можно спокойно проверять неопубликованные фирменные цвета клиента, а после закрытия вкладки в браузере ничего не остаётся.

Работает ли конвертер на телефоне?

Да, четыре числовых поля и две кнопки нормально открываются на мобильном, а поля с типом number вызывают цифровую клавиатуру. Кнопка «Копировать» на iOS и Android кладёт код в системный буфер, откуда его можно вставить в мобильную Figma или в заметку.

Примеры

Красный из фирменного блока листовки
До: C = 0, M = 100, Y = 100, K = 0
После: #FF0000 — чистый красный, в вебе выглядит ярче, чем оттиск на бумаге
Оливковый акцент из макета упаковки
До: C = 15, M = 0, Y = 90, K = 5
После: #CEF218