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.
- Lês se as sRGB-wearden en sjoch de kleur op yn it Coated FOGRA39-profyl.
- Brûk de relative kolorimetryske yntinsje mei swartpuntkompensaasje, sadat wyt blyft papierwyt en swart oerienkomt mei de donkerste ink dy't de drukpers drukke kin.
- Rûn de fjouwer inkwearden ôf nei hiele persintaazjes. Se folgje Photoshop's Jeropeeske CMYK-standertynstelling.
Wurkend foarbyld
Der binne twa konversjes efterinoar, dus der wurdt twa kear ôfrûn, en de CMYK-stap brûkt it standert Coated FOGRA39-profyl. Oare CMYK-profilen (bygelyks fan jo drukkerij) jouwe oare getallen. Ferwachtsje dat it drukte resultaat wat minder libbendich is as it HSL-foarbyld.
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(89%, 78%, 62%, 97%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 95%, 92%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(64%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(93%, 75%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(9%, 0%, 96%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 42%, 94%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(83%, 28%, 47%, 12%) |
| purple | hsl(300, 100%, 25%) | cmyk(63%, 100%, 5%, 2%) |
| gray | hsl(0, 0%, 50%) | cmyk(48%, 39%, 39%, 21%) |