Soo qaadista palette daabacan ee webku way ka sahlan tahay HSL: marka isku-darka khadka lagu muujiyo hue, saturation iyo lightness, waxaad ka dhisi kartaa hover states, tints iyo shades ilbiriqsiyo gudaheed.
Sida CMYK ilaa HSL beddelku u shaqeeyo
- Beddel boqolkiiyada CMYK kanaalada sRGB ee u dhexeeya 0 iyo 255, adigoo isticmaalaya profile-ka Coated FOGRA39.
- Qaybi kanaallada 255 oo qaado ugu badnaan iyo ugu yar.
- Celceliska ugu badnaan iyo ugu yar waa lightness L, kala firdhinta labadaas ayaa xukunta saturation S.
- Kanaalka haysta ugu badnaan ayaa go'aamiya hue H darajooyin ku yaal wareegga midabka.
Tusaale shaqeeyay
Tallaabada CMYK ilaa RGB waxay isticmaashaa profile-ka caadiga ah ee Coated FOGRA39, sidaas darteed profile-yada CMYK kale (tusaale ahaan ka matbacaddaada) waxay siiyaan tirooyin kala duwan. Qiyamka HSL waxaa loo dhoweeyaa tiro dhan.
CMYK iyo HSL sharaxan
Waa maxay CMYK?
CMYK waa moodelka afarta-ink oo loo isticmaalo daabacaadda: cyan, magenta, yellow iyo key (madow), midkiiba boqolkiiba 0 ilaa 100. Xarfaha ink-ka waxay ka jarayaan iftiin halkii ay ka sii dayn lahaayeen, sidaa darteed CMYK wuxuu daboolaa midabyo ka yar shaashadda — taasoo ah sababta midabada dhalaalaya ee shaashadda ay mararka qaarkood u muuqdaan kuwo liita marka la daabaco.
- Nidaamka qoraalka:
- cmyk(C%, M%, Y%, K%)
- Xadka:
- 0–100% per ink
- Ku habboon:
- daabac, baakadaha, shaqo diyaar u ah press
Waa maxay HSL?
HSL waxa uu u kala qaybiyaa midabka hue (0–360° wareegga midabka), saturation (inta uu midabka badan yahay, 0–100%) iyo lightness (inta uu dhalaalayo, 0–100%). Maaddaama qayb kasta ay la jaanqaado sida dadka u tilmaamaan midabka, HSL waa qaabka ugu fudud ee lagu dhiso tints, shades iyo palettes isku mid ah — gacanta ama koodh ahaan.
- Nidaamka qoraalka:
- hsl(H, S%, L%)
- Xadka:
- 0–360°, 0–100%, 0–100%
- Ku habboon:
- palettes, tints iyo shades, theming
CMYK ilaa HSL jadwal tixraac
Midabada CSS ee ugu caansan, laga beddelay CMYK ilaa HSL.
| Midab | 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%) |