Дошъл си от печат и искаш същия цвят в уеб? Конвертирането от CMYK в HEX ти дава най-близкия екранен еквивалент на мастилната смес, готов за поставяне в CSS, Figma или бранд лист.
Как работи преобразуването от CMYK към HEX
- Вземи четирите CMYK процента като количества мастило за профила Coated FOGRA39.
- Прочети цвета, който профилът отпечатва при тази смес от мастила, като използваш относителния колориметричен метод на пресъздаване с компенсация на черната точка.
- Превърни този цвят в sRGB. Цветовете, които екранът не може да покаже, се заменят с най-близката стойност, която той може.
- Закръгли всеки канал, запиши го като две шестнадесетични цифри и ги сложи зад един #.
Работещ пример
Това използва стандартния профил Coated FOGRA39, а не профила на твоята печатна машина. Други CMYK профили (например от твоята печатница) дават различни числа, затова третирай HEX резултата като верен преглед и проверявай пробен отпечатък при цветове, важни за марката.
CMYK и HEX обяснени
Какво е CMYK?
CMYK е моделът с четири мастила, използван в печата: cyan, magenta, yellow и key (black), всеки като процент от 0 до 100. Мастилото изважда светлина, вместо да я излъчва, затова CMYK покрива по-малко цветове от екрана — затова ярките екранни цветове често изглеждат по-матови при печат.
- Синтаксис:
- cmyk(C%, M%, Y%, K%)
- Обхват:
- 0–100% за мастило
- Подходящо за:
- печат, опаковки, готови за преса файлове
Какво е HEX?
HEX кодът е шестцифрено шестнадесетично число, което съхранява червения, зелен и син канал на цвета след водещ #. Всяка двойка цифри отговаря за един канал, от 00 (липса) до FF (пълно), което дава същите 16.7 милиона цвята като RGB, но в по-кратка нотация. HEX е по подразбиране в CSS, дизайн инструменти и бранд гайдове.
- Синтаксис:
- #RRGGBB
- Обхват:
- 00–FF за канал
- Подходящо за:
- CSS, предаване на дизайн, бранд гайдове
Таблица за преобразуване от CMYK към HEX
Най-често използваните CSS цветове, преобразувани от CMYK в HEX.
| Цвят | CMYK | HEX |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | #010101 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 95%, 92%, 0%) | #E52420 |
| lime | cmyk(64%, 0%, 100%, 0%) | #69B42D |
| blue | cmyk(93%, 75%, 0%, 0%) | #2C4A9A |
| yellow | cmyk(9%, 0%, 96%, 0%) | #F4E600 |
| orange | cmyk(0%, 43%, 94%, 0%) | #F6A216 |
| teal | cmyk(83%, 27%, 48%, 12%) | #098180 |
| purple | cmyk(63%, 100%, 4%, 1%) | #7D217E |
| gray | cmyk(48%, 39%, 39%, 21%) | #81807F |