Tuleb trükist ja vajad sama värvi veebis? CMYK-i teisendamine HEX-iks annab ekraani lähima vastetindisegu jaoks, valmis kleepimiseks CSS-i, Figma-sse või brändilehele.
Kuidas CMYK -> HEX teisendamine toimib
- Võta neli CMYK-protsenti tindikogustena profiili Coated FOGRA39 jaoks.
- Loe välja, milline värv profiil selle tindisegu puhul trükib, kasutades suhtelist kolorimeetrilist renderdusviisi koos musta punkti kompensatsiooniga.
- Teisenda see värv sRGB-ks. Värvid, mida ekraan ei suuda näidata, piiratakse lähima väärtusega, mida ta suudab näidata.
- Ümarda iga kanal, kirjuta see kaheks heksadecimaliks numbriks ja ühenda need # taha.
Töötav näide
See kasutab standardset profiili Coated FOGRA39, mitte sinu trükimasina profiili. Teised CMYK-profiilid (näiteks sinu trükikojast) annavad teistsuguseid numbreid, seega käsitle HEX-tulemust täpse eelvaatena ja kontrolli brändi jaoks oluliste värvide puhul proovitrükki.
CMYK ja HEX selgitatud
Mis on CMYK?
CMYK on trükis kasutatav nelja-tindi mudel: cyan, magenta, yellow ja key (must), igaüks protsentides 0–100. Tint lahutab valgust rather than emit, seetõttu katab CMYK vähem toone kui ekraan — seetõttu näevad erksad ekraanivärvid sageli trükis tuhmid välja.
- Süntaks:
- cmyk(C%, M%, Y%, K%)
- Vahemik:
- 0–100% per tint
- Parim jaoks:
- trükk, pakendikujundus, trükiks valmis artwork
Mis on HEX?
HEX-kood on kuuetäheline kuuesüsteemne number, mis salvestab värvi punase, rohelise ja sinise kanali ettejuhtiva # abil. Iga kahekohaline paar katab ühe kanali väärtuse 00-st (puudub) kuni FF-ni (täis), andes sama 16,7 miljonit tooni nagu RGB, kuid lühema notatsiooniga. HEX on CSS-i, disainitööriistade ja brändijuhiste vaikimisi vorming.
- Süntaks:
- #RRGGBB
- Vahemik:
- 00–FF per kanal
- Parim jaoks:
- CSS, disaini üleandmine, brändijuhised
CMYK -> HEX võrdlustabel
Kõige levinumad CSS-värvid, teisendatud CMYK formaadist HEX formaati.
| Värv | 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 |