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
- Jaga kõik neli CMYK-protsenti 100-ga.
- Rakenda esmalt musta komponenti: iga kanal skaleeritakse faktoriga (1 − K).
- Arvuta kanalid: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Ümarda iga kanal, kirjuta see kaheks heksadecimaliks numbriks ja ühenda need # taha.
Töötav näide
Omaduslikult ligikaudne. CMYK katab väiksema värviruumi kui ekraan, nii et HEX-tulemus on usaldusväärne eelvaade, mitte värvihalduslik vaste — selleks oleks vaja pressi ICC-profiili.
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(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 |