Конвертер HEX в Pantone

Что такое конвертация HEX в Pantone?

Конвертация HEX в Pantone — это поиск плашечной краски Pantone Matching System (PMS), наиболее близкой к цвету, который был задан на экране. HEX-код вроде #E4002B — это обычное значение RGB, записанное в шестнадцатеричной форме: оно говорит дисплею, сколько красного, зелёного и синего света излучать. Цвета Pantone — это физические краски, смешанные по рецептуре. У двух систем разные гамуты, поэтому точное соответствие один к одному встречается редко, и задача конвертера — найти ближайшее по восприятию совпадение и честно показать, насколько оно близко.

Наш конвертер HEX в PMS переводит код в пространство CIELAB, построенное по модели человеческого зрения, и измеряет расстояние Delta E до каждого из 1200+ цветов Pantone Coated в базе. Результаты ранжируются от самого близкого к самому далёкому и снабжаются честной оценкой качества: фирменный красный #E4002B возвращается как точное совпадение с PANTONE 185 C, а чистый экранный красный помечается как приблизительный.

Дизайнеры прибегают к нему, когда логотип, палитра сайта или цвет приложения уходят в печать: визитки, упаковка, вывески, вышивка и промопродукция требуют номер Pantone, а не HEX-код. Если исходные данные — проценты триадных красок, воспользуйтесь конвертером CMYK в Pantone.

Цвета HEX и краски Pantone

HEX-код — это три байта красного, зелёного и синего света, каждый от 00 до FF. Система аддитивная: все три канала на максимуме дают белый. Значений 16,7 миллиона, но описывают они только sRGB, и один и тот же #E4002B выглядит по-разному на смартфоне, ноутбуке и телевизоре, потому что различаются матрицы, яркость и калибровка.

Цвет Pantone — это рецептура из базовых красок. Типография смешивает её один раз, и оттиск на первом и на десятитысячном листе одинаков, а PANTONE 185 C означает один и тот же образец в любой типографии мира. Именно поэтому в брендбуках указывают Pantone, а не HEX. Краски дотягиваются до оранжевых, зелёных и металлизированных оттенков, недоступных экрану, но не воспроизводят чистый синий и красный sRGB; значение Delta E показывает, по какую сторону этого разрыва находится ваш цвет.

Распространённые конвертации HEX в Pantone

Популярные веб-цвета и их ближайшие соответствия Pantone Coated, рассчитанные тем же алгоритмом Delta E, что работает в инструменте: #E4002B → PANTONE 185 C (точное), оранжевый #FFA500 → PANTONE 137 C (Delta E 1,2, отличное), золотой #FFD700 → PANTONE Yellow 012 C (точное), бирюзовый #008080 → PANTONE 2111 C (Delta E 1,8, отличное), розовый #FFC0CB → PANTONE 182 C (Delta E 3,1, хорошее), серый #808080 → PANTONE Cool Gray 9 C (Delta E 3,9, удовлетворительное), тёмно-синий #000080 → PANTONE Reflex Blue C (Delta E 6,9, приблизительное).

Чистые первичные цвета sRGB показывают себя плохо: красный #FF0000 попадает на PANTONE 2002 C с Delta E около 14, а синий #0000FF — на PANTONE Blue 072 C с Delta E 44. Цвет, придуманный для экрана, часто приходится немного скорректировать, прежде чем он станет плашечной краской, и конвертер точно показывает величину расхождения.

Pantone в HEX: поиск любого кода PMS

Обратная задача встречается не реже: в брендбуке указан PANTONE 185 C, а веб-команде нужен HEX. Откройте вкладку Pantone → HEX, введите номер или название и скопируйте значение HEX, RGB или CMYK. Чаще всего ищут PANTONE 185 C (#E4002B), Reflex Blue C (#001489), Process Blue C (#0085CA), Cool Gray 9 C (#75787B), Black C (#2D2926), Warm Red C (#F9423A), Yellow C (#FEDD00), Orange 021 C (#FE5000), 286 C (#0032A0) и 485 C (#DA291C).

Pantone публикует официальные эквиваленты sRGB для библиотеки Coated — именно их возвращает поиск. Эти значения стоит прописывать в CSS-файле или в дизайн-токенах, но помните: на экране это всё равно приближение краски. Нужна тройка RGB вместо HEX? Конвертер RGB в Pantone работает так же, только с ползунками.

Что означает цветовое расстояние Delta E

У каждого совпадения есть значение Delta E по формуле CIE76 — воспринимаемое расстояние между вашим HEX-цветом и цветом Pantone в пространстве CIELAB. Шкала такая: ниже 1,0 — точное совпадение, глаз не различает; 1,0–2,0 — отличное, заметно только при прямом сравнении; 2,0–3,5 — хорошее, лёгкий сдвиг, приемлемый для большинства тиражей; 3,5–5,0 — удовлетворительное, отличие заметно, сверьтесь с физическим образцом; выше 5,0 — приблизительное, фактически другой цвет, исходник стоит скорректировать.

Два HEX-кода, различающиеся на одну и ту же величину, человек может увидеть совершенно по-разному: глаз гораздо чувствительнее к изменениям в зелёной области, чем в синей, поэтому сравнение «сырых» чисел RGB ранжировало бы совпадения неверно. CIELAB раскладывает цвета по восприятию (L* — светлота, a* — ось от зелёного к красному, b* — ось от синего к жёлтому), так что Delta E 2 означает один и тот же зрительный шаг и для красного, и для бирюзового, и для серого. Для критичных фирменных цветов стремитесь к совпадению ниже 2,0 и обязательно сверяйтесь с физическим веерным каталогом Pantone при том освещении, в котором будет виден тираж.

Когда для HEX-цвета нужен номер Pantone

Брендбук фиксирует цвет логотипа как код Pantone, чтобы любая типография, вышивальщик или изготовитель вывесок воспроизвели его одинаково. Проекты «из веба в печать» переносят палитру сайта на визитки, буклеты и упаковку. Поставщики сувениров и одежды называют цену на нитки и краски по номеру Pantone, а не по HEX. Упаковка и этикетки держатся на плашечных красках, которые сохраняют цвет на картоне, фольге и пластике там, где триадная печать CMYK уплывает. Вывески и оклейка транспорта подбираются поставщиками плёнки и краски по эталонам Pantone. А аудит экранной палитры показывает, каким цветам — тем, у которых Delta E выше 5 — нужна пригодная для печати замена ещё до запуска. Для печатной продукции в фирменных цветах часто пригодится и генератор QR-кодов.