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 liperesente tsa CMYK ho lichanele tsa sRGB tse pakeng tsa 0 le 255 ka profaele ea Coated FOGRA39.
- 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 ea RGB o sebelisa profaele e tloaelehileng ea Coated FOGRA39, ka hona liprofaele tse ling tsa CMYK (mohlala ho tsoa khoebong ea hau ea ho hatisa) li fana ka linomoro tse fapaneng. Boleng ba HSL bo potoloha ho ba linomoro tse feletseng.
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(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%) |