Lipaletši tse entsoeng ka HSL khafetsa li qetella li kenngoa pampiring. Mohlophisi ona o nka hue, saturation le lightness eo u e khethileng 'me o khutlisa liphesente tsa ink tse bane tseo lebenkele la ho hatisa le sebetsang ka tsona.
Mokhoa oa ho fetoha ho tloha HSL ho ea ho CMYK
- Fetolela triple ea HSL ho li-channel tsa RGB pakeng tsa 0 le 255.
- Normalisa lihlahala tseo ka ho arola ka 255.
- Bala karolo ea key K = 1 − max(R, G, B).
- Fumana C, M le Y ho tsoa ho lihlahala tse setseng 'me u fetole tsohle tse nne tsa liphesente.
Mohlala o sebetsang
Ho etsahala liphetoho tse pedi ka morao ho e 'ngoe, kahoo ho potoloha ho etsa tšepehang hara ho potoloha — 'me CMYK e lula e le kakaretso ntle le profaele ea 'mala. Lebeleloa hore sephetho se hatisitsoeng se tla ba se sa khanyang haholo ho feta tlhahiso ea HSL.
HSL le CMYK li hlalositsoe
Ke eng HSL?
HSL e arola 'mala ka hue (0–360° letamong la mebala), saturation (bokgutshwane ba 'mala, 0–100%) le lightness (bofubelu kapa bontsho, 0–100%). Hobane karolo e ' ngoe le e ' ngoe e tšoana le mokhoa oo batho ba hlalosang mebala ka oona, HSL ke fomate e bonolo ka ho fetisisa ho aha tints, shades le palette e lumellanang — ka letsoho kapa ka khoutu.
- Sinthaxe:
- hsl(H, S%, L%)
- Mekhahlelo:
- 0–360°, 0–100%, 0–100%
- E loketse bakeng sa:
- mapalete, tints le shades, theming
Ke eng CMYK?
CMYK ke mohlala oa ink o nang le mebala e mene o sebelisoang khatisong: cyan, magenta, yellow le key (black), e ' ngoe le e ' ngoe e le porsente ho tloha 0 ho isa 100. Ink e tlosa leseli ho e-na le ho e hlahisa, kahoo CMYK e akaretsa mebala e fokolang ho feta skrine — ke ka lebaka leo mebala e khanyang ea skrine hangata e shebahalang e sa khanye ha e hatsetse.
- Sinthaxe:
- cmyk(C%, M%, Y%, K%)
- Mekhahlelo:
- 0–100% ka ink
- E loketse bakeng sa:
- khatiso, liphutheloana, mesebetsi e loketseng ho hatsetsa
HSL to CMYK reference table
Mebala e tlamehang ka CSS, e fetotsoe ho tswa ho HSL ho ea ho CMYK.
| 'Mala | 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%) |