Перевести CMYK в HEX Cyan Magenta Yellow Black ↔ Hexadecimal Бесплатно Онлайн Безопасно
Введите значение в CMYK и сразу прочтите его в HEX. Счёт идёт в вашем браузере, никуда ничего не отправляется, а от чего зависит ответ, написано ниже, а не подразумевается.
Ничего не загружается
Откуда взялись эти записи
Hex и RGB — одно и то же, записанное дважды. Экранный цвет — это три числа: сколько излучить красного, зелёного и синего света, каждое от 0 до 255, то есть байт; hex просто записывает эти байты по основанию шестнадцать, так что #FF8800 и rgb(255, 136, 0) — одно и то же распоряжение одному и тому же пикселю. HSL придумали оттого, что ни то ни другое человеку не читается: он даёт тон как угол на цветовом круге, а насыщенность и светлоту в процентах, и потому дизайнер может сделать что-то светлее, не пересчитывая три числа. CMYK принадлежит совсем иному миру — краске, а не свету. Он вычитающий, построен из четырёх печатных форм и достаёт не до всякого цвета, какой может дать экран, ведь экран излучает свет, а бумага лишь отражает его.
Где они встречаются
Hex — это то, что набирают в таблице стилей и что выдаёт дизайнерский инструмент. RGB появляется всюду, где цвету нужна арифметика: градиенты, прозрачность, код, вычисляющий оттенок. К HSL тянутся, когда палитру подбирают руками, ведь нужные изменения обычно суть изменения одного из трёх его чисел. CMYK — то, чего просит типография, и перевод в него есть тот миг, когда макет перестаёт быть светом и становится краской.
Частые вопросы
Почему мой результат в CMYK не совпадает с типографским?
Потому что единственно верного перевода не существует. Арифметика на этой странице — простая, не зависящая от устройства; это верный ответ, когда нужна отправная точка или грубое соответствие. Типография переводит через цветовой профиль, учитывающий именно эту краску, бумагу и машину, и один и тот же цвет RGB даст на мелованной глянцевой бумаге не те значения CMYK, что на немелованной. Для всего, что обязано совпасть, просите у типографии их профиль, а не доверяйтесь формуле.
Почему некоторые экранные цвета нельзя напечатать?
Потому что эти два не достают до одних и тех же цветов. Экран делает цвет, прибавляя свет, и способен на яркий насыщенный голубой или зелёный, какого краска просто не повторит; бумага делает цвет, поглощая свет, и самое светлое, чем она может быть, — белизна страницы. Множество достижимых цветов называют охватом, и там, где охваты не пересекаются, перевод вынужден выбрать ближайший доступный цвет. Оттого яркий экранный цвет в печати часто выглядит слегка приглушённым.
Ответ точный?
Там, где обе единицы определены одна через другую целыми числами, — да; страница говорит об этом над числом, и единственное округление — в том, сколько знаков показано. Там, где отношение не имеет конечной десятичной записи, страница показывает двенадцать значащих цифр и называет соотношение приближённым, а не делает вид, что это не так.
Уходит ли с моего устройства что-нибудь из набранного?
Нет. Счёт идёт в вашем браузере; ничего не отправляется, да и некуда — сервера для этого нет. Загрузите страницу один раз, и она работает с выключенной сетью.
Зачем конвертировать CMYK в HEX
Печатники записывают цвета четырьмя числами, веб-специалисты — одним коротким кодом. Где-то между ними в листе заказа сказано, что акцент каталога — 0, 60, 100, 0, а разработчику нужно знать, что набрать после знака решётки в таблице стилей. Или печатного дизайнера попросили дать веб-цвет бренда, в руководстве которого указан только CMYK. Или шаблону электронного письма нужен тот же оранжевый, что и на листовке прошлого сезона. В каждом случае путь один: конвертировать CMYK в HEX — вы берёте четыре процента краски и приходите к шестизначному коду, который понимает браузер.
Преобразование состоит из двух шагов, и оба выполняет эта страница: от краски к красному, зелёному и синему свету, который показал бы экран, и от этих трёх чисел к их шестнадцатеричной записи. Второй шаг точен. Первый — стандартная формула, которую используют почти все веб-инструменты, и у неё есть честные пределы. Краска на бумаге и свет на экране — разные вещи, а точное преобразование между ними требует профиля печатной машины, бумаги и вашего монитора. Без них получаемый код — хорошая отправная точка, а не обещание совпадения. Страница говорит об этом прямо.
Расчёт происходит в вашем браузере, и ничто не загружается. Ниже вы найдёте два шага с разобранным примером, что преобразование сохраняет и чего не может, причины, по которым экранный цвет из этой формулы ярче своего печатного предка, ситуации, в которых людям нужно конвертировать CMYK в HEX, и краткое руководство по выбору одного веб-цвета для печатного бренда.
Как работает преобразование
Шаг первый: от краски к свету
Каждая краска действует как фильтр, забирающий часть света. Голубой забирает красный, пурпурный забирает зелёный, жёлтый забирает синий, а чёрный забирает долю всех трёх. Формула: R = 255 × (1 − C) × (1 − K), и аналогично для зелёного с пурпурным и для синего с жёлтым. Для cmyk(0%, 60%, 100%, 0%) чёрный равен нулю, поэтому множитель чёрного равен 1. Красный — 255 × 1 × 1 = 255. Зелёный — 255 × 0,4 × 1 = 102. Синий — 255 × 0 × 1 = 0. Экранный цвет — rgb(255, 102, 0).
Шаг второй: от трёх чисел к коду
Каждое число записывается в системе счисления по основанию шестнадцать двумя цифрами: 255 — это FF, 102 — это 66, а 0 — это 00. Вместе со знаком решётки код — #FF6600, яркий оранжевый. Второй шаг точен: hex — лишь другой способ записи тех же трёх чисел.
Целые числа и целые проценты
Четыре входных значения — целые проценты, а три выходных округляются до целых чисел от 0 до 255. Оба округления малы, но они означают, что цвет не всегда вернётся ровно к тем же процентам, если вы переведёте его обратно.
Что преобразование сохраняет и чего не может
Оно сохраняет цвет настолько близко, насколько может формула
Результат — цвет, настолько близкий, насколько формула может его передать, и четыре формы в том порядке, которого ожидает печатник: голубая, пурпурная, жёлтая и чёрная, которая несёт тени. Чёрный применяется ко всем трём каналам, так слой чёрной краски затемняет всё, что лежит под ним.
Честный предел: единственного верного ответа нет
Это предел всей страницы. Точное преобразование требует профиля печатной машины, бумаги и вашего монитора. Без них вы получаете стандартную формулу: достаточно хорошую, чтобы выбрать цвет на экране, но недостаточную, чтобы утверждать, что веб-цвет и печатный цвет одинаковы. Относитесь к коду как к отправной точке, сравните его с печатным образцом при дневном свете и скорректируйте.
Что формула не может передать
Насыщенный чёрный, смешанный из нескольких красок, приходит как один плоский тёмный цвет. У плашечного цвета вроде краски Pantone вообще нет эквивалента в CMYK, поэтому разложение на четыре краски уже приближение, а hex из этого разложения — приближение приближения. Если цвет бренда — плашечная краска, ищите экранное значение, которое публикует её производитель.
Круговой путь не точен
Поскольку четыре числа записываются целыми процентами, цвет, переведённый туда и обратно, может оказаться на шаг в стороне: #5A4632 возвращается как #594632. Храните оригинал как эталон и конвертируйте только в одном направлении.
Почему цвета формулы выглядят ярче печати
Бумага забирает свет
Бумага отражает лишь часть падающего на неё света, и ни одна краска не является идеальным фильтром, поэтому каждый печатный цвет темнее и тусклее, чем предполагает формула. Экран светится, и код, получаемый на этой странице, выглядит ярче и чище, чем печать, из которой он выведен.
Чистые краски — не то, что предполагает формула
Формула считает 100% голубого чистым голубым, rgb(0, 255, 255). Настоящая голубая краска глубже и ближе к rgb(0, 174, 239). Самые сильные цвета, с высокими значениями краски, — там, где формула и печать расходятся сильнее всего.
Мягкая цветопроба справляется лучше
Программы верстки могут использовать профиль ICC печатной машины, чтобы имитировать печать на экране. Если у вас есть доступ к такому, hex-код, который вы берёте из мягкой цветопробы, ближе к печати, чем код с этой страницы. Используйте эту страницу для быстрого ответа, а профиль — для окончательного.
Где вы встречаете преобразование
Назначение веб-цвета для печатного бренда
У бренда, определённого для печати, есть значения CMYK. Чтобы использовать его в вебе, дизайнер конвертирует CMYK в HEX, помещает код в таблицу стилей и сверяет с печатным образцом. Согласованный код попадает в лист бренда рядом с CMYK.
Шаблоны электронных писем и документы
Почтовые клиенты и офисные программы принимают hex-коды. Когда шаблон должен соответствовать печатному изделию, преобразование даёт код, с которого можно начать.
Социальные сети и презентации
Графика для социальных сетей, слайдов и видео живёт на экранах. Цвет с печатной листовки нужно превратить в экранный код, прежде чем использовать его там.
Разговор с коллегами
Hex-код короток и универсален. Если вам нужно сказать веб-разработчику, какой оранжевый имеет в виду печатная команда, код — форма, которую он может использовать сразу.
Как конвертировать CMYK в HEX здесь
Введите четыре процента
Введите цвет в первое поле в виде cmyk(0%, 60%, 100%, 0%) или просто четыре числа через запятые или пробелы.
Прочтите hex-код
Ответ появляется сразу, как в cmyk(0%, 60%, 100%, 0%) = #FF6600. Он записан заглавными буквами со знаком решётки.
Сверьтесь с печатью
Поднесите печатный образец к экрану при дневном свете. Если экран выглядит ярче, немного снизьте насыщенность и запишите код, на котором остановились.
Откуда берутся эти нотации
Hex и RGB — одно и то же, записанное дважды
Экранный цвет — это три числа, сколько красного, зелёного и синего света излучать, каждое от 0 до 255, то есть один байт. Hex просто записывает эти байты по основанию шестнадцать. Чтобы увидеть числа за кодом, конвертировать HEX в RGB.
HSL и CMYK
HSL изобрели, потому что ни одна из них неудобна для человека: он даёт тон как угол на цветовом круге, а насыщенность и светлоту — как проценты, так что дизайнер может сделать что-то светлее, не пересчитывая три цифры. CMYK принадлежит совсем другому миру, краске, а не свету. Он субтрактивный, построен из четырёх печатных форм и не может достичь каждого цвета, который доступен экрану, потому что экран излучает свет, тогда как бумага лишь отражает его.
Ловушки при конвертации CMYK в HEX
Ожидание печатного цвета на экране
Код будет близок по тону и ярче печати. Сравнивайте при дневном свете с образцом.
Использование 100% чёрного как цвета текста
Формула даёт #000000. Печатный чёрный мягче. Если вы хотите такого же впечатления на экране, выберите очень тёмный серый вроде #141414.
Преобразование туда и обратно
Каждый шаг в любом направлении добавляет ошибку. Выберите один эталон и выводите другой из него один раз.
Забытый плашечный цвет
У краски Pantone есть официальное экранное значение. Используйте его вместо догадки формулы.
Вопросы, которые задают перед преобразованием
Чему равен cmyk(0%, 0%, 0%, 0%) в hex?
#FFFFFF, белый: нет краски на белой бумаге.
Чему равен cmyk(0%, 0%, 0%, 100%) в hex?
#000000, чёрный по формуле, хотя печатный чёрный менее глубок.
Почему мой веб-цвет выглядит иначе, чем в брошюре?
Потому что они создаются по-разному: светом и краской. Бумага, печатная машина и освещение — всё меняет печать, а формула ничего из этого не знает.
Точно ли преобразование?
Арифметика точна на упрощённой модели. Совпадение с печатью приблизительно.
Загружается ли мой цвет?
Нет. Арифметика выполняется в вашем браузере, и ничто не отправляется никуда.
Как вернуться?
С помощью HEX в CMYK.
Выбор одного веб-цвета для печатного бренда
Начните с формулы, закончите на глаз
Конвертируйте CMYK в HEX, чтобы получить основу. Затем при дневном свете сравните экран с печатным образцом и корректируйте код, пока впечатление не станет тем же. Результат — веб-цвет, принадлежащий бренду, а не формуле.
Запишите, как вы его получили
В листе бренда отметьте, что hex подобран на глаз по определённому образцу в определённую дату. Будущий дизайнер, которому интересно, почему он отличается от значения формулы, получит ответ.
Используйте его везде
После выбора код должен появиться на сайте, в шаблонах электронных писем, презентациях и наборе для социальных сетей. Один цвет во многих местах делает бренд единообразным.
Пересматривайте при изменении печати
Если бренд перепечатывается на другой бумаге или машине, печатный цвет может сместиться, и совпадение нужно перепроверить. Цвет бренда — пара значений, по одному для каждого носителя, и оба следует пересматривать вместе.
Практические привычки при конвертации CMYK в HEX
Конвертируйте CMYK в HEX по одному цвету и отмечайте результат
У бренда обычно от трёх до восьми цветов. Конвертируйте CMYK в HEX для каждого и записывайте ответы в таблицу с CMYK рядом и столбцом для подобранного кода. Таблица делается за десять минут и экономит часы догадок потом. Если цвет добавляется или меняется, переделывать нужно только одну строку.
Дайте каждому цвету роль
Называйте цвета по тому, что они делают: основной, акцентный, текст, поверхность. Один hex-код ничего не говорит о том, где его использовать, а название говорит. В таблице стилей определите коды как пользовательские свойства с этими именами, чтобы изменение бренда означало правку нескольких строк.
Проверяйте текст на цвете
Когда коды существуют, проверьте контраст каждой пары текста и фона. Печатные цвета, хорошо читающиеся на бумаге, могут не работать на экране, где фон светится, а текст должен выделяться на его фоне. Hex-коды идут прямо в любую проверку контраста.
Осторожнее с тёмными и насыщенными цветами
Самые яркие печатные цвета, особенно глубокие синие и яркие зелёные, — те, что больше всего отличаются от значений формулы. Если у вашего бренда такой есть, конвертируйте CMYK в HEX, затем посмотрите на экран рядом с печатью и ожидайте корректировки на несколько шагов.
Сохраняйте CMYK в имени файла или в заметках
Когда вы сохраняете изображение или документ, созданный с преобразованным цветом, отметьте, из какого CMYK он получен. Если бренд перепечатывается или меняется печатная машина, запись позволит повторить преобразование с чистой совестью.
Заметка о сокращённой записи и прозрачности
Короткие коды
Там, где три пары ответа повторяются, как в #FF6600, в таблице стилей можно писать короткую форму #F60. Это тот же цвет, и некоторым людям её легче читать. Страница даёт длинную форму, которая всегда допустима.
Прозрачность
У печати нет прозрачности такого рода, поэтому ответ здесь — всегда непрозрачный цвет. Если вам нужна полупрозрачная версия для веб-наложения, возьмите код и добавьте пару альфа-канала, например #FF660080 для половинной силы.
Связанные конвертеры
То же семейство инструментов охватывает соседние преобразования. Чтобы вернуться, используйте HEX в CMYK. Для самих чисел RGB есть CMYK в RGB и RGB в CMYK, а для самих экранных нотаций — HEX в RGB, RGB в HEX и HEX в HSL. Для файлов, которые едут в типографию, сжать PDF делает документ легче.
Разобранный пример
Допустим, листовка прошлого сезона использовала оранжевый cmyk(0%, 60%, 100%, 0%), а веб-команде он нужен для посадочной страницы нового сезона. Вы вводите четыре числа и читаете #FF6600. На странице оранжевый яркий и горячий. Рядом с листовкой при дневном свете экранный цвет явно более насыщенный, поэтому дизайнер смягчает его до #F26B0F и записывает совпадение. CMYK остаётся эталоном для печати, подобранный hex — эталоном для веба, а #FF6600 формулы отмечается в листе бренда как отправная точка.
Короткий контрольный список
Перед преобразованием
Проверьте, что цвет — процессный CMYK, а не плашечная краска. Найдите печатный образец, если можете.
Во время преобразования
Введите четыре процента, прочтите код и скопируйте его со знаком решётки.
После преобразования
Сравните с образцом при дневном свете, при необходимости скорректируйте на глаз и запишите окончательный код с примечанием о том, как он получен.
Частые ошибки
Принимать формулу за окончательный ответ
Это отправная точка. Решает печать.
Использовать чистый чёрный для текста
Печатный чёрный мягче. Выберите тёмно-серый, если хотите такого же впечатления.
Конвертировать по кругу
Идите один раз от оригинала и сохраняйте результат.
Ваши цвета остаются на вашем устройстве
Расчёт происходит локально. Ваши значения используются вашим собственным браузером, и ничто не отправляется никуда. Потом нечего удалять и не нужно создавать аккаунт. Таков простой способ конвертировать CMYK в HEX.
Итог
Чтобы конвертировать CMYK в HEX здесь, введите четыре процента и сразу прочтите hex-код. Преобразование состоит из двух шагов: от краски к красному, зелёному и синему свету, который показал бы экран, по стандартной формуле, и от этих трёх чисел к их шестнадцатеричной записи, которая точна. Единственного верного ответа для первого шага нет, потому что краска на бумаге и свет на экране — разные вещи, а точное преобразование требует профиля печатной машины, бумаги и вашего монитора. Насыщенный чёрный приходит как один плоский тёмный цвет, у плашечного цвета нет эквивалента в CMYK, а целые проценты означают, что круговой путь может оказаться на шаг в стороне. Относитесь к коду как к отправной точке и сравнивайте его с печатным образцом. Ничто не загружается.