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 boqolleyda CMYK kanaallo RGB u dhexeeya 0 iyo 255.
- 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 horeyba waa qiyaas iyo qiimayaasha HSL ayaa loo rogayaa lambar buuxa. Natiijadu waa isku ekaansho aad u dhow, ma aha beddel midab-maamuleed.
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(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%) |