Eng Dréckpalette op d'Web ze bréngen ass an HSL einfacher: wann d'Drockmëscht als hue, saturatioun a liichtegkeet ausdréckt ass, kanns du Hover-Zoustänn, Tints an Shades an Sekonnen opbauen.
Wéi d'Konversioun vu CMYK op HSL funktionéiert
- Konvertéier d'CMYK-Prozenter an sRGB-Kanäl tëscht 0 an 255 mam Profil Coated FOGRA39.
- Deel d'Kanäl duerch 255 a nimm hir Maximum an Minimum.
- De Moyenne vum Maximum an Minimum ass d'Liichtegkeet L, hir Differenz bestëmmt d'Saturatioun S.
- De Kanal mat dem Maximum bestëmmt den Hue H a Grad um Faarfrad.
Praktescht Beispill
De Schrëtt CMYK op RGB benotzt de Standardprofil Coated FOGRA39, also ginn aner CMYK-Profiler (zum Beispill vun denger Dréckerei) aner Zuelen. HSL-Wäerter ginn op ganz Zuelen gerond.
CMYK an HSL 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 HSL?
HSL deelt eng Faarf an Hue (0–360° um Faarfrad), Saturatioun (wéi faarweg, 0–100%) an Liichtegkeet (wéi hell, 0–100%). Well all Deel esou beschriwwe gëtt wéi Leit Faarwen duerstellen, ass HSL dat einfachst Format fir Tënten, Schied an konsistent Palette ze bauen — manuell oder am Code.
- Syntax:
- hsl(H, S%, L%)
- Beräich:
- 0–360°, 0–100%, 0–100%
- Beschte fir:
- Palette, Tënten a Schied, Theming
Referenztabell vu CMYK op HSL
Déi heefegst CSS-Faarwen, konvertéiert vu CMYK op HSL.
| Faarf | CMYK | HSL |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |