Введите цвет в формате HEX и мгновенно получите точное значение CMYK, а заодно все остальные форматы. Работает прямо в браузере.
Когда нужен перевод HEX в CMYK
У сайта уже есть код HEX, и теперь тот же бренд должен появиться на листовке, футболке или баннере. Типографии и сервисы печати на заказ часто просят CMYK, поэтому HEX нужно сначала перевести. Страница выполняет оба шага за вас: код читается как RGB, затем пересчитывается в проценты голубой, пурпурной, жёлтой и чёрной красок. Результат даёт исполнителю число для старта, но перед финальным макетом уточните, какой цветовой профиль и какую бумагу он использует.
Где это пригодится
- Составить задание подрядчику на мерч (футболки, кружки, баннеры), взяв цвет из таблицы стилей сайта.
- Добавить в брендбук строку CMYK рядом с HEX, чтобы веб-команда и печатная команда пользовались одним ориентиром.
- Проверить акцентный цвет лендинга перед заказом в сервисе печати, где поле цвета требует CMYK.
Как перевести HEX в CMYK
Приведите R, G и B к диапазону 0-1. Чёрная компонента K = 1 − max(R′, G′, B′). Остальные каналы: C = (1 − R′ − K) / (1 − K), M = (1 − G′ − K) / (1 − K), Y = (1 − B′ − K) / (1 − K).
Обратный перевод: R = 255 × (1 − C) × (1 − K), аналогично G из M и B из Y. Важно: это стандартная формула без управления цветом; реальный результат печати зависит от ICC-профиля машины, красок и бумаги, поэтому считайте значения отправной точкой.
Значения HEX сначала переводятся в RGB: код делится на три base-16 пары, затем применяются формулы.
Пример расчёта
HEX в RGB
- R: D3₁₆ = 13 × 16 + 3 = 211
- G: 54₁₆ = 5 × 16 + 4 = 84
- B: 00₁₆ = 0 × 16 + 0 = 0
RGB в CMYK
- Нормализуем каналы: R′ = 211 ÷ 255 = 0.827, G′ = 84 ÷ 255 = 0.329, B′ = 0 ÷ 255 = 0
- K = 1 − max(R′, G′, B′) = 1 − 0.827 = 0.173 → 17%
- C = (1 − R′ − K) ÷ (1 − K) = (1 − 0.827 − 0.173) ÷ 0.827 = 0 → 0%
- M = (1 − G′ − K) ÷ (1 − K) = (1 − 0.329 − 0.173) ÷ 0.827 = 0.602 → 60%
- Y = (1 − B′ − K) ÷ (1 − K) = (1 − 0 − 0.173) ÷ 0.827 = 1 → 100%
#D35400 = cmyk(0%, 60%, 100%, 17%)
Совет: Тонкий мелкий текст и тонкие линии, набранные смесью красок CMYK, могут выглядеть нечётко при малейшем несовмещении красок. Для основного текста на печатных материалах попросите дизайнера задать чёрный одной краской, а не переводить тёмный фирменный HEX.
Популярные цвета: HEX в CMYK
| Цвет | HEX | CMYK |
|---|---|---|
| Красный | #FF0000 | cmyk(0%, 100%, 100%, 0%) |
| Оранжевый | #FFA500 | cmyk(0%, 35%, 100%, 0%) |
| Жёлтый | #FFFF00 | cmyk(0%, 0%, 100%, 0%) |
| Лайм | #00FF00 | cmyk(100%, 0%, 100%, 0%) |
| Зелёный | #008000 | cmyk(100%, 0%, 100%, 50%) |
| Голубой | #00FFFF | cmyk(100%, 0%, 0%, 0%) |
| Бирюзовый | #008080 | cmyk(100%, 0%, 0%, 50%) |
| Синий | #0000FF | cmyk(100%, 100%, 0%, 0%) |
| Тёмно-синий | #000080 | cmyk(100%, 100%, 0%, 50%) |
| Фиолетовый | #800080 | cmyk(0%, 100%, 0%, 50%) |
| Пурпурный | #FF00FF | cmyk(0%, 100%, 0%, 0%) |
| Розовый | #FFC0CB | cmyk(0%, 25%, 20%, 0%) |
| Коричневый | #A52A2A | cmyk(0%, 75%, 75%, 35%) |
| Серый | #808080 | cmyk(0%, 0%, 0%, 50%) |
| Чёрный | #000000 | cmyk(0%, 0%, 0%, 100%) |
| Белый | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
Часто задаваемые вопросы
Что отправить исполнителю: HEX, CMYK или оба значения?
Отправьте оба, а также название цвета и место его применения. CMYK даёт оператору станка стартовый рецепт, а HEX фиксирует экранный замысел, чтобы пробный оттиск можно было сверить с сайтом.
Важно ли, что веб-цвета HEX заданы в sRGB?
Да, HEX в CSS трактуется как sRGB, стандартное цветовое пространство веба. Эта страница считает код обычными числами RGB, поэтому цвета с широким охватом из фоторедактора после сведения к sRGB, а затем к CMYK могут выглядеть иначе.
Почему цвет на печати отличается от экрана?
Экран смешивает свет (аддитивная модель RGB), а печать смешивает краски (субтрактивная CMYK), и печатный охват уже. Точный результат зависит от ICC-профиля, красок и бумаги: конвертер использует стандартную формулу без управления цветом, поэтому значения приблизительны.
Что такое канал K?
K означает чёрную краску (key). Печать чёрного отдельной краской вместо смешения 100% голубого, пурпурного и жёлтого даёт более глубокий чёрный, чёткий текст и экономит краску.
Можно ли использовать CMYK в CSS?
Нет, веб работает в RGB. Переведите значения CMYK в HEX или RGB перед использованием на сайте; именно это и делает этот конвертер.
Другие конвертеры цветов
Нужно определить цвет пикселя на картинке или скриншоте? Попробуйте бесплатную пипетку цвета →