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 sRGB kanaletara, 0 eta 255 artean, Coated FOGRA39 profilarekin.
- 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
CMYK-tik RGB-rako urratsak Coated FOGRA39 profil estandarra erabiltzen du, beraz beste CMYK profil batzuek (adibidez inprimategitik datozenek) zenbaki desberdinak ematen dituzte. HSL balioak osoko zenbakietara biribilduta daude.
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(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%) |