Inprimatutako paleta webera eramatea HSLn errazagoa da: tinta nahasketa tindu, saturazio eta argitasun moduan adierazten duzunean, segundotan egin ditzakezu hover egoitzak, tints eta shades.
Nola funtzionatzen duen CMYK-tik HSL-ra bihurketa
- Bihurtu CMYK ehunekoak RGB kanaletara 0 eta 255 artean.
- Banatu kanalak 255ekin eta hartu haien maximoa eta minimoa.
- Maximoaren eta minimoaren batazbestekoa da argitasun L, eta haien tartea da saturazio S eragiten duena.
- Maximoa duen kanalak zehazten du tindua H graduetan kolore gurpilaren gainean.
Adibide errealista
CMYKtik RGBra doan pausoa jada hurbilketa bat da eta HSL balioak osoko zenbakietara biribiltzen dira. Emaitza egonkortasun handikoa da, baina ez da kolore-kudeatutako bihurketa.
CMYK eta HSL azalduak
Zer da CMYK?
CMYK inprimaketan erabiltzen den lau-tinta modelo da: cyan, magenta, horia eta key (beltza), bakoitza ehunekoetan 0tik 100era. Tinta argia kentzen du ordez emititzen ez duelako, beraz CMYKk gutxiagoetako kolore sorta estaltzen du pantaila batek baino — hori dela eta, pantailako kolore biziak sarritan makurragoak dirudite inprimatuta.
- Sintaxia:
- cmyk(C%, M%, Y%, K%)
- Tartea:
- 0–100% tinta bakoitzean
- Egokiena:
- inprimaketa, ontzigintza, prensa prest diren lanak
Zer da HSL?
HSL kolorea hiru zatitan banatzen du: tonuak (0–360° kolore-zirkluan), saturazioak (zenbat kolore, 0–100%) eta argitasunak (zenbat distira, 0–100%). Zati bakoitzak gizakiek kolorea deskribatzeko modua islatzen duenez, HSL errazenetakoa da tints, shades eta koherentziazko paletak eskuz edo kode bidez sortzeko.
- Sintaxia:
- hsl(H, S%, L%)
- Tartea:
- 0–360°, 0–100%, 0–100%
- Egokiena:
- paletak, tints eta shades, theming
CMYK-tik HSL-ra erreferentzia-taula
Ohikoenak diren CSS koloreak, CMYK-tik HSL-ra bihurtuak.
| Kolorea | 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%) |