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
- Faʻaliliu pasene CMYK i auala RGB i le va o 0 ma le 255.
- 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 laʻasaga CMYK i le RGB o se approximation muamua foi ma o taua HSL e tauloto i numera atoa. O le iʻuga e lata tele, ae le o se faaliliuga faapolokalame (color-managed conversion).
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(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%) |