Mas sayon dad-on ang print palette ngadto sa web gamit ang HSL: kung ang imong ink mix na-express na as hue, saturation ug lightness, makahimo ka dayon og hover states, tints ug shades gikan niini sulod sa segundo.
Giunsa pagtrabaho ang konbersyon gikan sa CMYK ngadto sa HSL
- I-convert ang CMYK percentages ngadto sa RGB channels tali sa 0 ug 255.
- I-divide ang mga channel sa 255 ug kuhaa ang ilang maximum ug minimum.
- Ang average sa maximum ug minimum mao ang lightness L, ang ilang kalapad nagmando sa saturation S.
- Ang channel nga nagkupot sa maximum nagdeterminar sa hue H sa degrees sa color wheel.
Gihimong pananglitan
Ang CMYK ngadto sa RGB nga lakang usa na ka approximation ug ang HSL values gi-round sa whole numbers. Ang resulta duol kaayo nga match, dili usa ka color-managed conversion.
CMYK ug HSL gipatin-aw
Unsa ang CMYK?
Ang CMYK mao ang four-ink nga modelo nga gigamit sa printing: cyan, magenta, yellow ug key (black), matag usa isip porsyento gikan 0 hangtod 100. Ang ink nagkuha sa suga imbis nga mopagula niini, mao nga ang CMYK naglangkob og mas gamay nga kolor kumpara sa screen — busa usahay ang hayag nga mga kolor sa screen mahimong mas limpyo o mas dulaan pag-imprinta.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Range:
- 0–100% per ink
- Pinakamaayo para sa:
- print, packaging, press-ready artwork
Unsa ang HSL?
Ang HSL nagbahin sa usa ka kolor ngadto sa hue (0–360° sa color wheel), saturation (kung unsa ka kolorful, 0–100%) ug lightness (kung unsa ka hayag, 0–100%). Tungod kay ang matag bahin mohaom sa paagi sa paghulagway sa kolor sa tawo, ang HSL mao ang pinakasayon nga format para sa paghimo og tints, shades ug konsistenteng palettes — manwal o sa code.
- Sintaks:
- hsl(H, S%, L%)
- Range:
- 0–360°, 0–100%, 0–100%
- Pinakamaayo para sa:
- palettes, tints and shades, theming
CMYK ngadto sa HSL reference nga lamesa
Ang kasagarang CSS nga mga kolor, gikombertir gikan sa CMYK ngadto sa HSL.
| Kolor | 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%) |