Перевести HEX в CMYK Hexadecimal ↔ Cyan Magenta Yellow Black Бесплатно Онлайн Безопасно
Введите значение в HEX и сразу прочтите его в CMYK. Счёт идёт в вашем браузере, никуда ничего не отправляется, а от чего зависит ответ, написано ниже, а не подразумевается.
Ничего не загружается
Откуда взялись эти записи
Hex и RGB — одно и то же, записанное дважды. Экранный цвет — это три числа: сколько излучить красного, зелёного и синего света, каждое от 0 до 255, то есть байт; hex просто записывает эти байты по основанию шестнадцать, так что #FF8800 и rgb(255, 136, 0) — одно и то же распоряжение одному и тому же пикселю. HSL придумали оттого, что ни то ни другое человеку не читается: он даёт тон как угол на цветовом круге, а насыщенность и светлоту в процентах, и потому дизайнер может сделать что-то светлее, не пересчитывая три числа. CMYK принадлежит совсем иному миру — краске, а не свету. Он вычитающий, построен из четырёх печатных форм и достаёт не до всякого цвета, какой может дать экран, ведь экран излучает свет, а бумага лишь отражает его.
Где они встречаются
Hex — это то, что набирают в таблице стилей и что выдаёт дизайнерский инструмент. RGB появляется всюду, где цвету нужна арифметика: градиенты, прозрачность, код, вычисляющий оттенок. К HSL тянутся, когда палитру подбирают руками, ведь нужные изменения обычно суть изменения одного из трёх его чисел. CMYK — то, чего просит типография, и перевод в него есть тот миг, когда макет перестаёт быть светом и становится краской.
Частые вопросы
Почему мой результат в CMYK не совпадает с типографским?
Потому что единственно верного перевода не существует. Арифметика на этой странице — простая, не зависящая от устройства; это верный ответ, когда нужна отправная точка или грубое соответствие. Типография переводит через цветовой профиль, учитывающий именно эту краску, бумагу и машину, и один и тот же цвет RGB даст на мелованной глянцевой бумаге не те значения CMYK, что на немелованной. Для всего, что обязано совпасть, просите у типографии их профиль, а не доверяйтесь формуле.
Почему некоторые экранные цвета нельзя напечатать?
Потому что эти два не достают до одних и тех же цветов. Экран делает цвет, прибавляя свет, и способен на яркий насыщенный голубой или зелёный, какого краска просто не повторит; бумага делает цвет, поглощая свет, и самое светлое, чем она может быть, — белизна страницы. Множество достижимых цветов называют охватом, и там, где охваты не пересекаются, перевод вынужден выбрать ближайший доступный цвет. Оттого яркий экранный цвет в печати часто выглядит слегка приглушённым.
Ответ точный?
Там, где обе единицы определены одна через другую целыми числами, — да; страница говорит об этом над числом, и единственное округление — в том, сколько знаков показано. Там, где отношение не имеет конечной десятичной записи, страница показывает двенадцать значащих цифр и называет соотношение приближённым, а не делает вид, что это не так.
Уходит ли с моего устройства что-нибудь из набранного?
Нет. Счёт идёт в вашем браузере; ничего не отправляется, да и некуда — сервера для этого нет. Загрузите страницу один раз, и она работает с выключенной сетью.
Зачем конвертировать HEX в CMYK
Вы потратили недели на фирменный стиль, и его цвета живут в hex: #D66238 для акцента, #1E7A5C для основного, #2B2B2B для текста. Теперь кому-то нужны визитки, баннер, упаковка или печатный отчёт, а форма типографии просит CMYK. Цвета, которые так ясно выглядели на экране, нужно перевести в четыре краски печатной машины. Конвертировать HEX в CMYK — первый шаг этого перевода: он берёт код, который понимает браузер, и даёт вам четыре процента, с которыми работают печатные формы.
Ясно представляйте, чего ожидать. Конвертация состоит из двух шагов, и оба выполняются здесь: от кода hex к красному, зелёному и синему свету, который он описывает, — это точно, и от него к голубому, пурпурному, жёлтому и чёрному — это стандартная формула с реальными пределами. Краска на бумаге и свет на экране — разные вещи, и верная конвертация между ними требует профиля печатной машины, бумаги и вашего монитора. Без них результат — хорошая отправная точка для разговора с печатником, а не гарантия того, как будет выглядеть оттиск. Страница говорит об этом, а разделы ниже объясняют, как хорошо ею воспользоваться.
Расчёт происходит в вашем браузере, и ничего не загружается. Ниже вы найдёте, как работают два шага, с примером, что конвертация сохраняет, а чего не может, как поставить задачу типографии с этими числами, причины, по которым цвета экрана меняются на бумаге, и несколько привычек, экономящих деньги и перепечатки.
Как работает конвертация
Шаг первый: от кода к трём числам
Код hex — это три пары шестнадцатеричных цифр, по одной на каждый свет. #D66238 делится на D6, 62 и 38, что составляет 214, 98 и 56. Этот шаг точен: код и числа — две записи одного и того же цвета.
Шаг второй: от света к краске
Краска работает, отнимая свет, поэтому формула превращает три значения света в количества необходимой краски. Сначала чёрный: K = 1 − наибольшее из R, G и B как доля от 255. Здесь наибольшее — красный на 214, то есть 0.839, так что K = 0.161, около 16%. Остальные три затем вычисляются из того, что осталось: голубой — (1 − 0.839 − 0.161) ÷ 0.839 = 0%, пурпурный — (1 − 0.384 − 0.161) ÷ 0.839 = 54%, а жёлтый — (1 − 0.220 − 0.161) ÷ 0.839 = 74%. Результат — cmyk(0%, 54%, 74%, 16%).
Почему чёрный идёт первым
Печатники добавляют чёрный, потому что голубой, пурпурный и жёлтый вместе дают грязно-коричневый и расходуют много краски. Взятие чёрного из самого тёмного канала — способ, которым краска на деле экономит краску: везде, где цвет тёмен, работу трёх цветных красок вместо них выполняет дешёвая, чёткая чёрная форма.
Что конвертация сохраняет и чего не может
Она сохраняет цвет настолько близко, насколько может формула
Результат — это цвет настолько близко, насколько формула может его передать, и четыре формы в порядке, которого ожидает печатник: голубая, пурпурная, жёлтая и чёрная, несущая тени.
Честный предел: единственно верного ответа нет
Это честный предел всей страницы. Краска на бумаге и свет на экране — разные вещи, и верная конвертация между ними требует профиля печатной машины, бумаги и вашего монитора. Без них вы получаете стандартную формулу, которую использует любой веб-инструмент: достаточно хорошую, чтобы выбрать цвет на экране, но недостаточно хорошую, чтобы отправлять в типографию. Считайте числа отправной точкой и позвольте типографии задать итоговые значения.
Ещё две вещи, которые формула передать не может
Насыщенный чёрный, смешанный из нескольких красок, возвращается как простой K. А плашечный цвет вообще не имеет эквивалента в CMYK. Если ваш фирменный цвет — краска Pantone, то CMYK — имитация, и следует спросить печатника, не печатать ли его плашечной краской.
Целые проценты
Поскольку четыре числа записываются целыми процентами, цвет, пройденный туда и обратно, может оказаться на шаг в стороне. Наш пример возвращается как #D66338, на шаг от #D66238: незаметно, но это доказательство того, что круговой путь не точен. Храните hex как мастер.
Почему цвета экрана меняются на бумаге
Цветовой охват
Экран может показывать некоторые цвета, которые не может воспроизвести никакая печатная машина, особенно яркие, насыщенные синие, зелёные и оранжевые. Когда вы конвертируете HEX в CMYK, такой цвет сдвигается к ближайшему из тех, что могут получить краски, а он тусклее. Неоново-зелёный на мониторе становится на бумаге более спокойным зелёным. Это не недостаток конвертации, а свойство красок.
Бумага
Мелованная бумага сохраняет цвета яркими и чёткими. Немелованная впитывает краску и делает те же числа более мягкими и тёмными. Переработанные и текстурированные сорта ещё более крайние. Одни и те же значения CMYK выглядят на каждой по-разному, поэтому профиль типографии важен.
Свет
Экран светит; бумага отражает падающий на неё свет. Та же страница выглядит по-разному при дневном свете, под офисной лампой и в тёплой комнате. Специалисты по печати судят о цвете при стандартном освещении именно по этой причине.
Пределы красочного слоя
Каждая печатная машина может положить в одном месте лишь столько краски, прежде чем бумага станет слишком мокрой. Тёмный насыщенный цвет может запрашивать много. Хороший профиль удерживает сумму в пределах нормы, а наивная конвертация — нет, и это ещё одна причина позволить программе типографии сделать итоговую конвертацию.
Постановка задачи типографии
Что отправить
Отправьте код hex, CMYK с этой страницы как отправную точку, описание словами и, если есть, печатный образец или снимок экрана задуманного цвета. Чем больше знает оператор, тем ближе будет первая цветопроба.
Попросите профиль и цветопробу
Большинство типографий публикуют ICC-профиль для своих машин и бумаг. Если они это делают, конвертируйте с ним в верстальной программе и отправьте результат. В любом случае попросите цветопробу, напечатанную на реальной бумаге, и посмотрите на неё при дневном свете, прежде чем утверждать тираж.
Решите: плашечная или триадная печать
Если один цвет должен быть абсолютно точным, например основной фирменный цвет на упаковке, спросите, не печатать ли его плашечной краской. Это стоит дороже, потому что нужна отдельная форма, но совпадение лучше, чем может предложить смешение четырёх красок.
Подумайте о мелком тексте и тонких линиях
Мелкий текст следует набирать сплошным чёрным только на чёрной форме. Цвет, составленный из четырёх красок, в мелком шрифте размывается, потому что формы никогда не совмещаются идеально. Чистый K для мелкого чёрного текста — надёжное правило.
Как конвертировать HEX в CMYK здесь
Введите или вставьте код hex
Введите цвет в первое поле, со знаком решётки или без. Принимаются трёх- и шестизначные формы.
Прочтите четыре процента
Ответ появляется сразу, как в #D66238 = cmyk(0%, 54%, 74%, 16%). Числа — голубой, пурпурный, жёлтый и чёрный, целыми процентами.
Отнесите их в типографию как отправную точку
Скопируйте числа в задание или верстальную программу. Не считайте их окончательными. Цветопроба подскажет, нужна ли корректировка.
Откуда берутся эти записи
Hex и RGB — одно и то же, записанное дважды
Цвет экрана — это три числа, сколько красного, зелёного и синего света излучать, каждое от 0 до 255, то есть один байт. Hex просто записывает эти байты в шестнадцатеричной системе, поэтому #D66238 и rgb(214, 98, 56) — одна и та же инструкция одному и тому же пикселю. Чтобы увидеть числа, конвертируйте HEX в RGB.
HSL и CMYK
HSL изобрели потому, что ни одно из них не читается человеком: оно задаёт оттенок как угол на цветовом круге, с насыщенностью и светлотой в процентах, так что дизайнер может сделать что-либо светлее, не пересчитывая три числа. CMYK принадлежит совершенно другому миру — краске, а не свету. Оно субтрактивно, построено из четырёх печатных форм и не может достичь каждого цвета, который доступен экрану, потому что экран излучает свет, а бумага лишь отражает его.
Ловушки при конвертации HEX в CMYK
Утверждение цвета по монитору
Монитор не может показать то, что напечатает машина. Не подписывайте тираж на основании экрана.
Конвертация более одного раза
Каждая конвертация между двумя системами добавляет ошибку. Конвертируйте один раз из исходного hex и сохраняйте результат.
Отправка чисел из веб-конвертации как окончательных
Формула — для ориентира. Для файла, который вы отправляете, позвольте верстальной программе конвертировать с профилем типографии.
Забыть, как бренд будет выглядеть рядом со старой печатью
Если у компании есть печатные материалы прошлых лет, положите новую цветопробу рядом с ними. Цвета, слегка различающиеся, сразу заметны, когда лежат бок о бок.
Вопросы, которые задают перед конвертацией
Чему равен #FFFFFF в CMYK?
cmyk(0%, 0%, 0%, 0%), вообще никакой краски: белый цвет бумаги.
Чему равен #000000 в CMYK?
cmyk(0%, 0%, 0%, 100%), одна лишь чёрная краска.
Почему нет единственно верного ответа?
Потому что напечатанный цвет зависит от машины, бумаги и света, а формула не знает ни одного из них.
Напечатается ли мой веб-цвет точно?
Редко. Яркие насыщенные цвета особенно тусклее в печати.
Загружается ли мой цвет?
Нет. Арифметика выполняется в вашем браузере, и ничто никуда не отправляется.
Как вернуться?
С помощью CMYK в HEX, который превращает четыре процента обратно в код.
Привычки, экономящие деньги и перепечатки
Заказывайте цветопробу для каждого нового фирменного цвета
Цветопроба стоит мало по сравнению с перепечаткой тысяч экземпляров. Сделайте правилом, что ни один новый цвет не идёт в печать без неё.
Храните утверждённые значения
Когда цветопроба утверждена, запишите итоговый CMYK, машину и бумагу в бренд-лист. Следующая работа на той же бумаге может использовать числа, и цвет совпадёт.
Выбирайте цвета с расчётом на печать
Если можете, выбирайте фирменные цвета, которые живут в обоих охватах. Умеренно насыщенные тона конвертируются изящно; неоновые — нет. Цвет, хорошо выглядящий и на экране, и на бумаге, ценнее того, что эффектен только на мониторе.
Проверяйте на худшей бумаге
Если бренд будет появляться на дешёвой немелованной бумаге так же, как на глянцевых карточках, проверьте цветопробу на дешёвой. Если цвет выживает там, он выживет где угодно.
Хорошая практика при конвертации HEX в CMYK
Конвертируйте HEX в CMYK один раз, в конце проектирования
Пока дизайн живёт на экране, держите его в hex или RGB. Конвертируйте HEX в CMYK, когда макет готов уйти в типографию, и делайте это один раз. Ранняя конвертация с последующим редактированием переносит тусклые цвета в каждую дальнейшую версию, а двукратная конвертация каждый раз добавляет ошибку.
Конвертируйте HEX в CMYK для каждого цвета в файле
В дизайне больше цветов, чем в фирменной палитре: оттенки, тени, рамки, серый подписи. Если вы конвертируете HEX в CMYK только для основных цветов, а остальное оставляете на волю случая, некоторые части оттиска будут выглядеть не так, как остальные. Пройдитесь по файлу и убедитесь, что каждый цвет учтён.
Остерегайтесь градиентов и фотографий
Градиенты, идущие между яркими цветами экрана, могут показывать заметные ступени или тусклые пятна при конвертации. Фотографии лучше всего конвертируются через верстальную программу с профилем, а не цвет за цветом. Считайте эту страницу инструментом для плоских фирменных цветов и используйте программную конвертацию для изображений.
Подумайте об отделке
Глянцевая, матовая и мягкая на ощупь ламинации меняют вид напечатанного цвета: глянцевая делает его богаче, а матовая — слегка плоским. Если работа ламинируется, попросите типографию сделать цветопробу с отделкой и решите об итоговых значениях, увидев её.
Храните мастер-файл
Храните исходный макет в RGB или hex с отдельной печатной версией в CMYK. Если бренд будут перепечатывать годы спустя на другой машине, вы сможете начать с мастера и снова конвертировать HEX в CMYK с профилем новой машины.
Связанные конвертеры
То же семейство инструментов охватывает соседние конвертации. Чтобы вернуться, используйте CMYK в HEX. Для чисел RGB напрямую есть RGB в CMYK и CMYK в RGB, а для самих экранных записей — HEX в RGB, RGB в HEX и HEX в HSL. Для файлов, которые отправляются в типографию, сжать PDF уменьшает их размер, а PDF в PNG делает превью.
Разобранный пример
Допустим, ваш акцентный цвет — #D66238, и типография просит CMYK для набора визиток. Вы вводите код и читаете cmyk(0%, 54%, 74%, 16%). Вы отправляете типографии hex, эти четыре числа как отправную точку и примечание, что оранжевый должен быть тёплым и слегка приглушённым, а не неоновым. Они делают цветопробу на немелованной бумаге, оранжевый получается чуть темнее, чем на экране, и вы договариваетесь на cmyk(0%, 52%, 78%, 12%). Этот набор попадает в бренд-лист как печатный мастер для немелованной бумаги, а hex остаётся мастером для веба.
Краткий контрольный список
Перед конвертацией
Знайте бумагу и машину. Решите, плашечный цвет или триадный. Попросите профиль типографии.
Во время конвертации
Вставьте hex, прочтите четыре процента и отметьте их как отправную точку.
После конвертации
Закажите цветопробу, посмотрите на неё при дневном свете и корректируйте значения CMYK, а не цвет экрана.
Частые ошибки
Считать формулу окончательной
Она — для ориентира. Решает цветопроба.
Забыть правило чёрного для мелкого текста
Мелкий чёрный текст принадлежит одной лишь чёрной форме.
Утверждение по монитору
Только цветопроба показывает реальный результат.
Ваши цвета остаются на вашем устройстве
Расчёт происходит локально. Ваши значения используются вашим собственным браузером, и ничто никуда не отправляется. После этого нечего удалять и не нужно создавать аккаунт. Это простой способ конвертировать HEX в CMYK.
Итог
Чтобы конвертировать HEX в CMYK здесь, введите или вставьте код hex и сразу прочтите четыре процента. Конвертация состоит из двух шагов: от кода к красному, зелёному и синему свету, который он описывает, — это точно, и от него к краске по стандартной формуле. Результат — цвет настолько близко, насколько формула может его передать, и четыре формы в порядке, которого ожидает печатник. Единственно верного ответа нет, потому что краска на бумаге и свет на экране — разные вещи, а верная конвертация требует профиля печатной машины, бумаги и вашего монитора. Считайте числа отправной точкой и позвольте типографии задать итоговые значения. Насыщенный чёрный возвращается как простой K, а у плашечного цвета нет эквивалента в CMYK. Ничего не загружается.