Перевести CMYK в RGB Cyan Magenta Yellow Black ↔ Red Green Blue Бесплатно Онлайн Безопасно
Введите значение в CMYK и сразу прочтите его в RGB. Счёт идёт в вашем браузере, никуда ничего не отправляется, а от чего зависит ответ, написано ниже, а не подразумевается.
Ничего не загружается
Откуда взялись эти записи
Hex и RGB — одно и то же, записанное дважды. Экранный цвет — это три числа: сколько излучить красного, зелёного и синего света, каждое от 0 до 255, то есть байт; hex просто записывает эти байты по основанию шестнадцать, так что #FF8800 и rgb(255, 136, 0) — одно и то же распоряжение одному и тому же пикселю. HSL придумали оттого, что ни то ни другое человеку не читается: он даёт тон как угол на цветовом круге, а насыщенность и светлоту в процентах, и потому дизайнер может сделать что-то светлее, не пересчитывая три числа. CMYK принадлежит совсем иному миру — краске, а не свету. Он вычитающий, построен из четырёх печатных форм и достаёт не до всякого цвета, какой может дать экран, ведь экран излучает свет, а бумага лишь отражает его.
Где они встречаются
Hex — это то, что набирают в таблице стилей и что выдаёт дизайнерский инструмент. RGB появляется всюду, где цвету нужна арифметика: градиенты, прозрачность, код, вычисляющий оттенок. К HSL тянутся, когда палитру подбирают руками, ведь нужные изменения обычно суть изменения одного из трёх его чисел. CMYK — то, чего просит типография, и перевод в него есть тот миг, когда макет перестаёт быть светом и становится краской.
Частые вопросы
Почему мой результат в CMYK не совпадает с типографским?
Потому что единственно верного перевода не существует. Арифметика на этой странице — простая, не зависящая от устройства; это верный ответ, когда нужна отправная точка или грубое соответствие. Типография переводит через цветовой профиль, учитывающий именно эту краску, бумагу и машину, и один и тот же цвет RGB даст на мелованной глянцевой бумаге не те значения CMYK, что на немелованной. Для всего, что обязано совпасть, просите у типографии их профиль, а не доверяйтесь формуле.
Почему некоторые экранные цвета нельзя напечатать?
Потому что эти два не достают до одних и тех же цветов. Экран делает цвет, прибавляя свет, и способен на яркий насыщенный голубой или зелёный, какого краска просто не повторит; бумага делает цвет, поглощая свет, и самое светлое, чем она может быть, — белизна страницы. Множество достижимых цветов называют охватом, и там, где охваты не пересекаются, перевод вынужден выбрать ближайший доступный цвет. Оттого яркий экранный цвет в печати часто выглядит слегка приглушённым.
Ответ точный?
Там, где обе единицы определены одна через другую целыми числами, — да; страница говорит об этом над числом, и единственное округление — в том, сколько знаков показано. Там, где отношение не имеет конечной десятичной записи, страница показывает двенадцать значащих цифр и называет соотношение приближённым, а не делает вид, что это не так.
Уходит ли с моего устройства что-нибудь из набранного?
Нет. Счёт идёт в вашем браузере; ничего не отправляется, да и некуда — сервера для этого нет. Загрузите страницу один раз, и она работает с выключенной сетью.
Зачем конвертировать CMYK в RGB
Цвета печати записываются четырьмя процентами: голубой, пурпурный, жёлтый и чёрный. Руководство по бренду даёт зелёный как 75, 0, 25, 52. В листе заказа типографии сказано, что обложка — 0, 22, 44, 65. В листовке прошлого года используется синий, который никто не записал для экрана. Теперь эти цвета нужно использовать на сайте, в презентации или в публикации в социальных сетях, где существуют только красный, зелёный и синий. Конвертировать CMYK в RGB — значит взять цвет, созданный для краски, и найти экранный цвет, стоящий к нему ближе всего.
Стоит ясно понимать, что может предложить преобразование. Печатный цвет — результат краски, бумаги и света, а экранный цвет — результат одного лишь света. Точное преобразование между ними требует профиля печатной машины, бумаги и вашего монитора. Без них вы получаете стандартную формулу, которую используют все веб-инструменты: достаточно хорошую, чтобы выбрать цвет на экране, и справедливую отправную точку для подбора печати, но не точное совпадение. Эта страница не утверждает большего. Она выполняет арифметику в вашем браузере, показывает ход вычислений и говорит, где честные пределы.
Ничто не загружается. Ниже вы найдёте формулу, разобранный пример, что преобразование сохраняет и чего не может, почему цвета из формулы часто выглядят ярче печатного оригинала, ситуации, в которых людям нужно конвертировать CMYK в RGB, и несколько привычек, поддерживающих согласованность печатной и экранной версий бренда.
Как работает преобразование
От краски к свету
Формула рассматривает каждую краску как фильтр, убирающий часть света. Голубой убирает красный, пурпурный убирает зелёный, а жёлтый убирает синий; чёрный убирает долю всего. Так что красный, который вы видите, — это то, что остаётся после того, как голубой и чёрный забрали свою долю, и аналогично для зелёного и синего. В числах каждый канал равен 255, умноженному на единицу минус соответствующая краска, умноженному на единицу минус чёрный: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
Пример
Для cmyk(0%, 22%, 44%, 65%) множитель чёрного — 1 − 0,65 = 0,35. Красный — 255 × 1 × 0,35 = 89. Зелёный — 255 × 0,78 × 0,35 = 70. Синий — 255 × 0,56 × 0,35 = 50. Результат — rgb(89, 70, 50), цвет, с которого начинается страница, а в hex — #594632.
Проценты на входе
Четыре числа — проценты от 0 до 100. Страница принимает их со знаком процента и без. Значение за пределами диапазона ограничивается им, поскольку ни отрицательная краска, ни больше полной формы не имеют смысла.
Что преобразование сохраняет и чего не может
Оно сохраняет цвет настолько близко, насколько может формула
Результат — цвет, настолько близкий, насколько формула может его передать, и четыре формы в том порядке, которого ожидает печатник: голубая, пурпурная, жёлтая и чёрная, которая несёт тени. Чёрный применяется ко всем трём каналам, так он работает на бумаге, где слой чёрной краски затемняет всё под ним.
Честный предел: единственного верного ответа нет
Краска на бумаге и свет на экране — разные вещи, а точное преобразование между ними требует профиля печатной машины, бумаги и вашего монитора. Без них вы получаете стандартную формулу, которую используют все веб-инструменты: достаточно хорошую, чтобы выбрать цвет на экране, но недостаточную, чтобы сказать, что веб-версия и печатная версия одинаковы. Относитесь к числам как к отправной точке и сравнивайте с печатным образцом.
Ещё две вещи, которые формула не может передать
Насыщенный чёрный, смешанный из нескольких красок, приходит как плоский тёмный цвет без следа красок, которые его создали. А у плашечного цвета вообще нет эквивалента в CMYK, поэтому если оригинал был краской Pantone, любое разложение на четыре краски уже приближение, а экранный цвет из него — приближение приближения.
Целые проценты
Поскольку четыре числа записываются целыми процентами, цвет, переведённый туда и обратно, может оказаться на шаг в стороне: #5A4632 возвращается как #594632. Разница незаметна. Но она означает, что круговой путь не точен, поэтому храните исходные значения как эталон.
Почему цвета формулы выглядят ярче
Формула игнорирует бумагу
Бумага никогда не бывает идеально белой, а краска никогда не поглощает идеально. Печатная страница отражает лишь часть падающего на неё света, что делает каждый печатный цвет немного темнее и тусклее его значения по формуле. Когда вы конвертируете CMYK в RGB и помещаете результат на светящийся экран, цвет выглядит ярче и чище печати. Это простота формулы, а не ошибка печатника.
Чистые краски — не цвета формулы
Формула предполагает, что 100% голубого — это ровно rgb(0, 255, 255), чистый голубой. Настоящая голубая краска глубже и менее зелёная, а её экранный эквивалент в распространённых профилях ближе к rgb(0, 174, 239). Поэтому сплошные краски выглядят в формуле намного ярче, чем в реальности. Цвета с высоким значением краски — те, где разрыв наибольший.
Профили закрывают разрыв
Рабочий процесс с управлением цветом использует профиль ICC печатной машины, чтобы перевести CMYK в независимый от устройства цвет, а затем профиль вашего экрана, чтобы его показать. В программе верстки с нужным профилем мягкая цветопроба на экране близка к печати. Формула на этой странице — простая версия этого процесса, без какого-либо профиля.
Где вы встречаете преобразование
Перенос печатного бренда в веб
У компании, чей бренд определён для печати, есть значения CMYK и нет экранных значений. Чтобы построить сайт, который им соответствует, дизайнер конвертирует CMYK в RGB, сравнивает результат с печатным образцом при дневном свете и корректирует, пока они не станут похожи. Окончательные экранные значения затем записываются в лист бренда.
Чтение спецификации типографии
Лист заказа перечисляет цвета обложки в CMYK. Чтобы почувствовать, что это за цвета, до прихода пробного оттиска, вы можете перевести их в RGB и увидеть на экране. Это не печать, но это предпросмотр тона и глубины.
Макеты и презентации
Когда вы показываете клиенту в презентации, как будет выглядеть печатная листовка, цвета должны быть экранными. Конвертация значений CMYK листовки — первый шаг, за которым следует визуальная проверка.
Оцифровка старых материалов
Скан печатного изделия даёт экранные цвета, а спецификация даёт только CMYK. Если вы хотите воссоздать дизайн по спецификации, конвертация её цветов даёт основу для работы.
Как конвертировать CMYK в RGB здесь
Введите четыре процента
Введите цвет в первое поле в виде cmyk(0%, 22%, 44%, 65%) или просто четыре числа через запятые или пробелы.
Прочтите значение rgb
Ответ появляется сразу, как в cmyk(0%, 22%, 44%, 65%) = rgb(89, 70, 50). Три числа лежат в диапазоне от 0 до 255.
Сравните с печатью
Если у вас есть печатный образец, поднесите его к экрану при дневном свете. Корректируйте значения rgb на глаз, если нужно более близкое совпадение, и записывайте значения, на которых остановились.
Откуда берутся эти нотации
Hex и RGB — одно и то же, записанное дважды
Экранный цвет — это три числа, сколько красного, зелёного и синего света излучать, каждое от 0 до 255, то есть один байт. Hex просто записывает эти байты по основанию шестнадцать. Если вам нужен hex-код цвета CMYK напрямую, CMYK в HEX выполняет оба шага сразу.
HSL и CMYK
HSL изобрели, потому что ни одна из них неудобна для человека: он даёт тон как угол на цветовом круге, а насыщенность и светлоту — как проценты, так что дизайнер может сделать что-то светлее, не пересчитывая три цифры. CMYK принадлежит совсем другому миру, краске, а не свету. Он субтрактивный, построен из четырёх печатных форм и не может достичь каждого цвета, который доступен экрану, потому что экран излучает свет, тогда как бумага лишь отражает его.
Ловушки при конвертации CMYK в RGB
Ожидание совпадения с печатью
Экранный цвет будет близок по тону и отличаться по глубине. Сравнивайте при дневном свете с настоящим образцом и корректируйте.
Принимать 100% чёрного за чистый чёрный
При K в 100% формула даёт rgb(0, 0, 0), но печатный чёрный — тёмно-серый, отражающий немного света. Многие дизайнеры предпочитают rgb(20, 20, 20) или подобный для текста, который должен выглядеть как печатный чёрный.
Конвертировать снова и снова
Каждое преобразование между двумя системами добавляет ошибку. Конвертируйте один раз, из исходного CMYK, и сохраняйте результат.
Забыть, что плашечный цвет — не CMYK
Если цвет бренда — краска Pantone, запросите её официальные экранные значения, которые публикует производитель краски, и используйте их вместо формулы.
Вопросы, которые задают перед преобразованием
Чему равен cmyk(0%, 0%, 0%, 0%) в RGB?
rgb(255, 255, 255), белый: нет краски на белой бумаге.
Чему равен cmyk(0%, 0%, 0%, 100%) в RGB?
rgb(0, 0, 0), чёрный по формуле, хотя печатный чёрный выглядит менее глубоким.
Почему мой печатный цвет выглядит тусклее?
Потому что бумага отражает лишь часть света, а краски — не идеальные фильтры. Формула не знает ни о том, ни о другом.
Точно ли преобразование?
Это точная арифметика на упрощённой модели. Результат — хорошая отправная точка, а не совпадение с печатью.
Загружается ли мой цвет?
Нет. Арифметика выполняется в вашем браузере, и ничто не отправляется никуда.
Как вернуться?
С помощью RGB в CMYK.
Привычки, поддерживающие согласованность печати и экрана
Ведите лист бренда с обеими формами
Записывайте каждый цвет в обеих формах с примечанием о том, как сделано совпадение: по профилю, на глаз по образцу или по формуле. Следующий человек, которому понадобится конвертировать CMYK в RGB, будет знать, насколько доверять числам.
Записывайте образец, по которому подбирали
Храните печатный образец в ящике с датой и машиной. Это единственная истина, которая имеет значение, когда двое не согласны относительно цвета.
Используйте профили в программах дизайна
Программы верстки и работы с изображениями могут конвертировать с профилями ICC и показывать мягкие цветопробы. Настройте их один раз, и ваш экран будет гораздо ближе к печати, чем по любой веб-формуле.
Не правьте преобразованные цвета бесконечно
Как только экранная версия подобрана, запишите её и остановитесь. Дальнейшая подгонка на разных экранах приводит лишь к версиям, которые никто не может воспроизвести.
Как сделать экранную версию заслуживающей доверия
Подбирайте на глаз в контролируемом свете
После того как вы конвертируете CMYK в RGB, лучшая проверка — старомодная. Поднесите печатный образец к экрану при дневном свете, а не под цветной лампой, с обычной яркостью экрана. Смотрите на оба несколько секунд, затем отведите взгляд и вернитесь. Если экран выглядит явно ярче или синее, немного снизьте его насыщенность. Это ненаучно, но именно так подбирали большинство цветов брендов годами.
Калибруйте, если цвет важен
Некалиброванный монитор может заметно ошибаться в цвете и яркости. Если ваша работа зависит от совпадения печати и экрана, аппаратный калибратор — небольшая инвестиция. Без него ваше совпадение может выглядеть правильным на вашем экране и неверным везде.
Используйте образец как авторитет
Когда люди не согласны о цвете, указывайте на печатный образец, а не на экран. Экраны различаются, а образец — эталон, который описывает руководство по бренду. Всякий раз, когда вы конвертируете CMYK в RGB, думайте о результате как об описании образца для использования на экранах, а не как о самом цвете.
Будьте последовательны в вебе
Как только вы остановились на экранном значении, используйте его везде на сайте, в письмах и презентациях. Бренд, показывающий три слегка разных зелёных на трёх страницах, выглядит небрежным, даже если каждый зелёный оправдан.
Связанные конвертеры
То же семейство инструментов охватывает соседние преобразования. Чтобы вернуться, используйте RGB в CMYK. Для hex-кодов есть CMYK в HEX и HEX в CMYK, а для самих экранных нотаций — RGB в HEX, HEX в RGB и HEX в HSL. Для документов, готовых к печати, сжать PDF делает файл легче для отправки.
Разобранный пример
Допустим, брошюра компании трёхлетней давности использует зелёный, заданный как cmyk(75%, 0%, 25%, 52%), и новый сайт должен ему соответствовать. Вы вводите четыре числа и читаете rgb(31, 122, 92), то есть #1F7A5C. Вы строите страницу с этим цветом, затем подносите брошюру к экрану при дневном свете. Брошюра выглядит немного глубже, поэтому вы слегка снижаете светлоту до #1B7155 и соглашаетесь на нём с дизайнером. Лист бренда теперь содержит CMYK, RGB по формуле и подобранный RGB, каждый с соответствующей пометкой.
Короткий контрольный список
Перед преобразованием
Выясните, процессный ли это CMYK или плашечная краска и есть ли у вас печатный образец.
Во время преобразования
Введите четыре процента, прочтите значение rgb и отметьте его как отправную точку.
После преобразования
Сравните с печатью при дневном свете, при необходимости скорректируйте на глаз и запишите окончательные значения с примечанием о том, как они получены.
Частые ошибки
Доверять формуле как совпадению
Это отправная точка. Решает печать.
Использовать 100% чёрного как цвет текста
Печатный чёрный мягче чистого чёрного на экране. Выберите очень тёмно-серый, если хотите такого же впечатления.
Конвертировать по кругу
Идите один раз от оригинала и сохраняйте результат.
Ваши цвета остаются на вашем устройстве
Расчёт происходит локально. Ваши значения используются вашим собственным браузером, и ничто не отправляется никуда. Потом нечего удалять и не нужно создавать аккаунт. Таков простой способ конвертировать CMYK в RGB.
Итог
Чтобы конвертировать CMYK в RGB здесь, введите четыре процента и сразу прочтите значение rgb, используя R = 255 × (1 − C) × (1 − K) и то же для зелёного и синего. Результат — цвет, настолько близкий, насколько формула может его передать. Единственного верного ответа нет, потому что краска на бумаге и свет на экране — разные вещи, а точное преобразование требует профиля печатной машины, бумаги и вашего монитора. Насыщенный чёрный приходит как плоский тёмный цвет, у плашечного цвета нет эквивалента в CMYK, а целые проценты означают, что круговой путь может оказаться на шаг в стороне. Относитесь к числам как к отправной точке и сравнивайте с печатным образцом. Ничто не загружается.