Tsara kokoa ny mitondra palette printy ho amin’ny web amin’ny HSL: rehefa aseho amin’ny hue, saturation ary lightness ny fangaro ranomainty, afaka manorina hover states, tints ary shades avy hatrany ianao.
Ahoana ny fiasan'ny fiovàna CMYK ho HSL
- Avadika ho fantsona RGB eo anelanelan’ny 0 sy 255 ny isan-jaton’ny CMYK.
- Zarao amin’ny 255 ireo fantsona ary alao ny maximum sy minimum-ntsika.
- Ny salan’isan’ny maximum sy minimum no lightness L, ary ny elanelany no mitondra ny saturation S.
- Ny fantsona mitazona ny maximum no mamaritra ny hue H amin’ny degre ao amin’ny kodiaran’ny loko.
Ohatra efa niasa
Efa fanakaikezana ny dingana CMYK ho RGB ary ny sanda HSL dia ahodinina ho isa manontolo. Akaiky dia akaiky ny vokatra fa tsy fampivadiana voafehin’ny color management.
CMYK sy HSL fanazavana
Inona ny CMYK?
CMYK dia ny maodely ranomainty efatra ampiasaina amin'ny fanontam-pirinty: cyan, magenta, yellow ary key (mainty), ny tsirairay amin'izy ireo dia isan-jato avy amin'ny 0 ka hatramin'ny 100. Ny ranomainty dia manala hazavana fa tsy mamoaka azy, ka CMYK dia mahafeno loko vitsy kokoa noho ny efijery — izay antony mahatonga ny loko mamiratra amin'ny efijery matetika hihena rehefa vita pirinty.
- Sintaxy:
- cmyk(C%, M%, Y%, K%)
- Sakany:
- 0–100% isaky ny ranomainty
- Mety indrindra ho an'ny:
- fanontam-pirinty, fonosana, asa vonona ho an'ny fampanontana
Inona ny HSL?
Manasaraka loko ny HSL ho amin'ny hue (0–360° amin'ny kodiaran'ny loko), saturation (hefatra miloko, 0–100%) ary lightness (hafanan'ny fahazavana, 0–100%). Satria mifanaraka amin'ny fomba fampitahian'ny olona loko ny ampahany tsirairay, HSL no endrika mora indrindra hanaovana tints, shades ary paleta mitovy — amin'ny tanana na amin'ny kaody.
- Sintaxy:
- hsl(H, S%, L%)
- Sakany:
- 0–360°, 0–100%, 0–100%
- Mety indrindra ho an'ny:
- paleta, tints sy shades, fanamarihana lohahevitra
Tabilao fampitahana CMYK ho HSL
Ny loko CSS mahazatra indrindra, avadika avy amin'ny CMYK ho HSL.
| Loko | 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%) |