Ho tlisa palette ea khatiso webong ho bonolo haholo ka HSL: hang ha motsoako oa ink o hlalositsoe e le hue, saturation le lightness, u ka haha hover states, tints le shades habonolo.
Mokhoa oa ho fetoha ho tloha CMYK ho ea ho HSL
- Fetolela liphesente tsa CMYK ho li-channel tsa RGB pakeng tsa 0 le 255.
- Arola li-channel ka 255 'me u nke palo e kholo le e nyane ea tsona.
- Karolelano ea palo e kholo le e nyane ke lightness L, phapang ea tsona e susumetsa saturation S.
- Channel e nang le palo e kholo e tla bestimmt hue H ka maemo ho wheel ea 'mala.
Mohlala o sebetsang
Mohato oa CMYK ho RGB o se o le kakaretso 'me boleng ba HSL bo potolohiloe ho linomoro tse felletseng. Sephetho ke tlhahlobo e haufi haholo, eseng phokotso e laoloang ke 'mala.
CMYK le HSL li hlalositsoe
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
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
CMYK to HSL reference table
Mebala e tlamehang ka CSS, e fetotsoe ho tswa ho CMYK ho ea ho HSL.
| 'Mala | CMYK | HSL |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 100%, 100%, 0%) | hsl(0, 100%, 50%) |
| lime | cmyk(100%, 0%, 100%, 0%) | hsl(120, 100%, 50%) |
| blue | cmyk(100%, 100%, 0%, 0%) | hsl(240, 100%, 50%) |
| yellow | cmyk(0%, 0%, 100%, 0%) | hsl(60, 100%, 50%) |
| orange | cmyk(0%, 35%, 100%, 0%) | hsl(39, 100%, 50%) |
| teal | cmyk(100%, 0%, 0%, 50%) | hsl(180, 100%, 25%) |
| purple | cmyk(0%, 100%, 0%, 50%) | hsl(300, 100%, 25%) |
| gray | cmyk(0%, 0%, 0%, 50%) | hsl(0, 0%, 50%) |