Введите цвет в формате CMYK и мгновенно получите точное значение RGB, а заодно все остальные форматы. Работает прямо в браузере.
Когда нужен перевод CMYK в RGB
Брендбуки, подготовленные для печати, указывают цвета четырьмя процентами, а сайту, презентации или приложению нужен RGB. Перевод из CMYK в RGB даёт первую экранную версию цвета с визитки, буклета или упаковки. Используйте результат как отправную точку: сравните его с печатным образцом при дневном свете и поправьте на глаз. Формула ничего не знает о бумаге и краске, поэтому полного совпадения с оттиском она не обещает. Зато для первого макета её вполне достаточно.
Где это пригодится
- Воссоздать цвет буклета или упаковки как фон сайта, если в брендбуке указан только CMYK.
- Перенести проценты из образцов InDesign или Illustrator в цвета шаблона презентации.
- Прочитать старую печатную спецификацию и воспроизвести цвет в файле CSS.
Как перевести CMYK в RGB
Приведите 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-профиля машины, красок и бумаги, поэтому считайте значения отправной точкой.
Пример расчёта
- R = 255 × (1 − C) × (1 − K) = 255 × (1 − 0.7) × (1 − 0.15) = 65
- G = 255 × (1 − M) × (1 − K) = 255 × (1 − 0) × (1 − 0.15) = 217
- B = 255 × (1 − Y) × (1 − K) = 255 × (1 − 0.5) × (1 − 0.15) = 108
cmyk(70%, 0%, 50%, 15%) = rgb(65, 217, 108)
Совет: Если в брендбуке есть официальный HEX или RGB, используйте его для сайта, а результат этой страницы оставьте для сравнения. Если указан только CMYK, переведите его, затем сравните цвет с печатным образцом при дневном свете.
Популярные цвета: CMYK в RGB
| Цвет | CMYK | RGB |
|---|---|---|
| Красный | cmyk(0%, 100%, 100%, 0%) | rgb(255, 0, 0) |
| Оранжевый | cmyk(0%, 35%, 100%, 0%) | rgb(255, 165, 0) |
| Жёлтый | cmyk(0%, 0%, 100%, 0%) | rgb(255, 255, 0) |
| Лайм | cmyk(100%, 0%, 100%, 0%) | rgb(0, 255, 0) |
| Зелёный | cmyk(100%, 0%, 100%, 50%) | rgb(0, 128, 0) |
| Голубой | cmyk(100%, 0%, 0%, 0%) | rgb(0, 255, 255) |
| Бирюзовый | cmyk(100%, 0%, 0%, 50%) | rgb(0, 128, 128) |
| Синий | cmyk(100%, 100%, 0%, 0%) | rgb(0, 0, 255) |
| Тёмно-синий | cmyk(100%, 100%, 0%, 50%) | rgb(0, 0, 128) |
| Фиолетовый | cmyk(0%, 100%, 0%, 50%) | rgb(128, 0, 128) |
| Пурпурный | cmyk(0%, 100%, 0%, 0%) | rgb(255, 0, 255) |
| Розовый | cmyk(0%, 25%, 20%, 0%) | rgb(255, 192, 203) |
| Коричневый | cmyk(0%, 75%, 75%, 35%) | rgb(165, 42, 42) |
| Серый | cmyk(0%, 0%, 0%, 50%) | rgb(128, 128, 128) |
| Чёрный | cmyk(0%, 0%, 0%, 100%) | rgb(0, 0, 0) |
| Белый | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
Часто задаваемые вопросы
В каких единицах вводить проценты?
Вводите каждый канал в процентах от 0 до 100, как в печатных спецификациях. Некоторые программы записывают CMYK долями от 0 до 1 или числами до 255: сначала переведите их в проценты, например 0.25 означает 25%.
Что делать, если в брендбуке рядом с CMYK указан плашечный цвет?
Конвертер использует только четыре числа, а не название. Плашечная краска относится к отдельной системе красок, поэтому её CMYK-эквивалент приблизителен. Проверьте, нет ли в гайдлайне официального значения HEX или RGB для экранов, и предпочтите его.
Почему цвет на печати отличается от экрана?
Экран смешивает свет (аддитивная модель RGB), а печать смешивает краски (субтрактивная CMYK), и печатный охват уже. Точный результат зависит от ICC-профиля, красок и бумаги: конвертер использует стандартную формулу без управления цветом, поэтому значения приблизительны.
Что такое канал K?
K означает чёрную краску (key). Печать чёрного отдельной краской вместо смешения 100% голубого, пурпурного и жёлтого даёт более глубокий чёрный, чёткий текст и экономит краску.
Можно ли использовать CMYK в CSS?
Нет, веб работает в RGB. Переведите значения CMYK в HEX или RGB перед использованием на сайте; именно это и делает этот конвертер.
Другие конвертеры цветов
Нужно определить цвет пикселя на картинке или скриншоте? Попробуйте бесплатную пипетку цвета →