Paletten ûntwurpen yn HSL einigje faak op papier. Dizze konverter nimt de hue, saturation en lightness dy'tst keazen hast en jout de fjouwer inktpersintaazjes dy’t in drukkerij brûkt.
Hoe konversje fan HSL nei CMYK wurket
- Set it HSL-triple om nei RGB-kanalen tusken 0 en 255.
- Normalisearje dy kanalen troch se troch 255 te dielen.
- Berekkenje it key-ûnderdiel K = 1 − max(R, G, B).
- Fier C, M en Y ôf fan de oerbleaune kanalen en set alle fjouwer om nei persintaazjes.
Wurkend foarbyld
Der rinne twa konversjes efterinoar, dus der bart twa kear afrûning — en CMYK bliuwt in benadering sûnder kleurprofyl. Wachtsje dat it ôfprinte resultaat in bytsje minder libbendich is as de HSL-foarbylding.
HSL en CMYK útlis
Wat is HSL?
HSL splitst in kleur yn hue (0–360° op it kleurfiel), saturation (hoe kleurryk, 0–100%) en lightness (hoe ljocht, 0–100%). Omdat elk diel past by hoe minsken kleuren beskriuwe, is HSL it maklikste formaat foar it bouen fan tinten, shades en konsistente paletten — hânmjittich of yn koade.
- Syntaks:
- hsl(H, S%, L%)
- Berik:
- 0–360°, 0–100%, 0–100%
- Bêst foar:
- paletten, tinten en shades, theming
Wat is CMYK?
CMYK is it fjouwer-inkt model dat yn drukwurk brûkt wurdt: cyan, magenta, yellow en key (swart), elk as in persintaazje fan 0 oant 100. Ynkt lûkt ljocht werom yn stee fan it út te stjoeren, dus CMYK dekke minder kleuren as in skerm — dêrom lykje helder skermkleuren faak doffer as se printe wurde.
- Syntaks:
- cmyk(C%, M%, Y%, K%)
- Berik:
- 0–100% per inkt
- Bêst foar:
- druk, ferpakking, pers-klear wurk
HSL nei CMYK referinsjetabel
De meast foarkommende CSS-kleuren, konvertearre fan HSL nei CMYK.
| Kleur | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |