Nyomdai forrásból jössz és ugyanazt a színt kell weben látni? A CMYK → HEX átalakítás megadja a legközelebbi képernyőbeli megfelelőjét az ink keverékednek, készen arra, hogy beilleszd CSS-be, Figma-ba vagy a márkaanyagba.
Hogyan működik a CMYK → HEX átalakítás
- A négy CMYK-százalékot festékmennyiségként kezeld a Coated FOGRA39 profilhoz.
- Olvasd ki, milyen színt nyomtat a profil ehhez a festékkeverékhez, a relatív kolorimetrikus szándékot használva feketepont-kompenzációval.
- Alakítsd át ezt a színt sRGB-re. A képernyő által meg nem jeleníthető színeket a legközelebbi megjeleníthető értékre korlátozzuk.
- Kerekítsd mindhárom csatornát, írd le két hexadecimális számjegyként és fűzd őket egy # mögé.
Példa a gyakorlatban
Ez a szabványos Coated FOGRA39 profilt használja, nem a nyomdagéped profilját. Más CMYK-profilok (például a nyomdádé) más értékeket adnak, ezért a HEX-eredményt hű előnézetként kezeld, és márkaszempontból fontos színeknél ellenőrizd próbanyomaton.
CMYK és HEX magyarázata
Mi az a CMYK?
A CMYK a négy festékmodell nyomtatáshoz: cyan, magenta, yellow és key (fekete), mind százalékos értékként 0–100 között. A festék a fényt vonja ki a kibocsátás helyett, így a CMYK kevesebb színt képes megjeleníteni, mint egy képernyő — ezért a világos képernyőszínek gyakran tompábbnak tűnnek nyomtatásban.
- Szintaxis:
- cmyk(C%, M%, Y%, K%)
- Tartomány:
- 0–100% festékenként
- Legjobb erre:
- nyomtatás, csomagolás, nyomdai anyagok
Mi az a HEX?
A HEX kód egy hat számjegyű hexadecimális szám, amely a szín vörös, zöld és kék csatornáját tárolja egy vezető # mögött. Minden kétjegyű pár egy csatornát fed le 00-tól (nincs) FF-ig (teljes), így ugyanazt a 16,7 millió színt adja, mint az RGB, jóval tömörebb jelölésben. A HEX alapértelmezett a CSS-ben, design eszközökben és márkaelvekben.
- Szintaxis:
- #RRGGBB
- Tartomány:
- 00–FF csatornánként
- Legjobb erre:
- CSS, design átadás, márkaelvek
CMYK → HEX referencia táblázat
A leggyakoribb CSS-színek, átalakítva CMYK-ról HEX-ra.
| Szín | 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 |