Palettes lagu naqshadeeyo HSL badanaa waxay ku dambaynayaan warqad. Converter-kan wuxuu qaataa hue, saturation iyo lightness aad dooratay oo soo celiya afarta boqolleyda khad ee warshadda daabacaaddu la shaqeyso.
Sida HSL ilaa CMYK beddelku u shaqeeyo
- Beddel isku-darka HSL kanaallo RGB u dhexeeya 0 iyo 255.
- Kala qeybso kanaalladaas 255 si aad u normaliso.
- Xisaabi qaybta key K = 1 − max(R, G, B).
- Soo saar C, M iyo Y kanaallada harsan oo dhammaantood u beddel boqolleyda.
Tusaale shaqeeyay
Laba beddel ayaa isku xigta, sidaas darteed wareejinta iyo rogiddu waxay dhacaan laba jeer — CMYK weli waa qiyaas la'aan profile midab. Filan natiijada daabacan inay yara ka liidato dhalaalka marka loo eego muujinta HSL.
HSL iyo CMYK sharaxan
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
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
HSL ilaa CMYK jadwal tixraac
Midabada CSS ee ugu caansan, laga beddelay HSL ilaa CMYK.
| Midab | 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%) |