Vii din print și ai nevoie de aceeași culoare pe web? Conversia CMYK în HEX îți oferă echivalentul de ecran al amestecului de cerneală, gata de lipit în CSS, Figma sau într-un document de brand.
Cum funcționează conversia din CMYK în HEX
- Împarte toate cele patru procente CMYK la 100.
- Aplică componenta key mai întâi: fiecare canal este scalat cu (1 − K).
- Calculează canalele: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Rotunjește fiecare canal, scrie-l ca două cifre hexazecimale și lipește-le după un #.
Exemplu de aplicare
Aproximativ din natură. CMYK acoperă un gamut mai mic decât un ecran, deci rezultatul HEX e o previzualizare fidelă, nu o potrivire gestionată de culoare — pentru asta ar fi nevoie de profilul ICC al tipografiei.
CMYK și HEX, explicate
Ce este CMYK?
CMYK este modelul cu patru cerneluri folosit la tipar: cyan, magenta, galben și key (negru), fiecare exprimat ca procentaj între 0 și 100. Cernelurile scad lumina în loc să o emită, astfel CMYK acoperă mai puține culori decât un ecran — motiv pentru care culorile vii de pe ecran pot părea mai fade după tipărire.
- Sintaxă:
- cmyk(C%, M%, Y%, K%)
- Interval:
- 0–100% per cerneală
- Ideal pentru:
- print, ambalaje, materiale pregătite pentru tipar
Ce este HEX?
Un cod HEX este un număr hexazecimal de șase cifre care stochează canalele roșu, verde și albastru ale unei culori, precedat de #. Fiecare pereche de cifre reprezintă un canal, de la 00 (niciunul) la FF (maxim), oferind aceleași 16,7 milioane de culori ca RGB, dar într-o notație mai scurtă. HEX este implicitul în CSS, în instrumentele de design și în ghidurile de brand.
- Sintaxă:
- #RRGGBB
- Interval:
- 00–FF per canal
- Ideal pentru:
- CSS, predare design, ghiduri de brand
CMYK în HEX tabel de referință
Cele mai comune culori CSS, convertite din CMYK în HEX.
| Culoare | 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 |