Kommst aus dem Dréckerei-Workflow a brauchs déiselwecht Faarf op der Websäit? CMYK an HEX konvertéieren gëtt dir dat noostméiglecht Ecran-Äquivalent vun dengem Tëntmësche, kloer fir an CSS, Figma oder eng Brand-Seit ze paste.
Wéi d'Konversioun vu CMYK op HEX funktionéiert
- Huel déi véier CMYK-Prozenter als Tëntmengen fir de Profil Coated FOGRA39.
- Lies d'Faarf of, déi de Profil fir dës Tëntmëschung dréckt, mat der relativer kolorimetrescher Intentioun a Schwaarzpunktkompensatioun.
- Konvertéier déi Faarf an sRGB. Faarwen, déi en Écran net weise kann, gi op de nootste Wäert ofgeschnidden, deen en weise kann.
- Ronn all Kanal, schreift se als zwee hexadesimal Zifferen a verbënnt se hannert engem #.
Praktescht Beispill
Dat benotzt de Standardprofil Coated FOGRA39, net de Profil vun denger Dréckmaschinn. Aner CMYK-Profiler (zum Beispill vun denger Dréckerei) ginn aner Zuelen, also betruecht d'HEX-Resultat als trei Virschau an kontrolléier fir markekritesch Faarwen e Prouwdrock.
CMYK an HEX erkläert
Wat ass CMYK?
CMYK ass d'Vier-Faarf-Typologie déi an der Dréckerei benotzt gëtt: cyan, magenta, giel a key (schwaarz), all als Prozent tëscht 0 a 100. D'Zeechen zéien Liicht of amplaz et auszeleeën, also deckt CMYK manner Faarwen wéi en Écran — dofir schéngen zäitweis liicht staark Écranfaarwen am Dréck gedämpft.
- Syntax:
- cmyk(C%, M%, Y%, K%)
- Beräich:
- 0–100% pro Tënt
- Beschte fir:
- Dréck, Verpackung, press-fäerdeg Artwork
Wat ass HEX?
En HEX-Code ass eng sechsstellëg hexadezimal Zuel déi d'rout-, gréng- an blo-Kanäl vun enger Faarf no engem féierende # späichert. All Parallel deckt eng Kanal of, vu 00 (keen) bis FF (voll), wat déi selwecht 16,7 Millioune Faarwen wéi RGB an enger vill méi kuerzer Notatioun ergëtt. HEX ass d'Default an CSS, Design-Tools a Markenrichtlinnen.
- Syntax:
- #RRGGBB
- Beräich:
- 00–FF pro Kanal
- Beschte fir:
- CSS, Design-Übergab, Markenrichtlinnen
Referenztabell vu CMYK op HEX
Déi heefegst CSS-Faarwen, konvertéiert vu CMYK op HEX.
| Faarf | 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 |