O le aumaia o se palette lolomi i le upega e faigofie i HSL: pe a faaulufaleina lau paluga inki i hue, saturation ma lightness, e mafai ona e fausia tulaga hover, tints ma shades mai ia i se sekone.
Auala e galue ai le faaliliuga mai CMYK i le HSL
- Liliu pasene CMYK i auala sRGB i le va o 0 ma le 255 ma le profaila Coated FOGRA39.
- Vaevae auala i le 255 ma ave latou maksimum ma minimum.
- O le averesi o le maksimum ma le minimum o le lightness L, o lo latou faʻasalalau o le a faʻaosoina le saturation S.
- O le auala o loʻo i le maksimum e faamatala le hue H i tikeri i luga o le uili lanu.
Faataitaʻiga aoga
O le laasaga CMYK i le RGB e faʻaoga le profaila masani Coated FOGRA39, ma o isi profaila CMYK (mo se faʻataʻitaʻiga mai lou fale lolomi) e tuʻuina mai ai numera ese. O tau HSL e faʻataamilo i numera atoa.
CMYK ma HSL faamatala
O le ā le CMYK?
O le CMYK o le faʻataʻitaʻiga e fa meafaʻaiupu e faʻaaoga i le lolomiina: cyan, magenta, yellow ma key (uliuli), taitasi i le pasene mai le 0 i le 100. O inki e aveesea le malamalama nai lo le lafoina atu, o lea e aofia ai ai CMYK ni lanu e laʻititi ifo nai lo se lau — o lona uiga e masani ona foliga matāu nisi lanu pupula pe a lolomi.
- Syntax:
- cmyk(C%, M%, Y%, K%)
- Vaega:
- 0–100% i le inki
- Sili ona talafeagai mo:
- lolomi, afifi, ata sauni mo le prensa
O le ā le HSL?
O le HSL e vaevaeina se lanu i le hue (0–360° i le uili lanu), saturation (faatatau i le lanu, 0–100%) ma le lightness (fiafia pe mālamalama, 0–100%). Talu ai e fetaui vaega taʻitasi ma le auala e faamatala ai e tagata lanu, HSL o le faatulagaga sili ona faigofie mo le fausiaina o tints, shades ma paleti tumau — i lima poʻo le code.
- Syntax:
- hsl(H, S%, L%)
- Vaega:
- 0–360°, 0–100%, 0–100%
- Sili ona talafeagai mo:
- paleti, tints ma shades, theming
CMYK i le HSL laulau referência
Lanu CSS sili ona masani, faaliliu mai CMYK i le HSL.
| Lanu | 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%) |