Дошъл си от печат и искаш същия цвят в уеб? Конвертирането от CMYK в HEX ти дава най-близкия екранен еквивалент на мастилната смес, готов за поставяне в CSS, Figma или бранд лист.
Как работи преобразуването от CMYK към HEX
- Раздели всичките четири CMYK процента на 100.
- Нанеси първо ключовата компонента: всеки канал се мащабира с (1 − K).
- Изчисли каналите: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Закръгли всеки канал, запиши го като две шестнадесетични цифри и ги сложи зад един #.
Работещ пример
По природа приближение. CMYK покрива по-малък диапазон цветове от екран, така че HEX резултатът е вярно визуално приближение, а не цветово управлявано съвпадение — за това би бил необходим ICC профилът на печатницата.
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(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |