Palettes na fuafuaina i HSL e masani ona oʻo i luga o pepa. O lenei faaliliuga e ave le hue, saturation ma lightness na e filifilia ma toe foʻi mai ai le fa pasene inki e galue ai le fale lolomi.
Auala e galue ai le faaliliuga mai HSL i le CMYK
- Faʻaliliu le HSL triple i auala RGB i le va o 0 ma le 255.
- Faʻatulaga lelei na auala e ala i le vaevae i le 255.
- Fuafua le key component K = 1 − max(R, G, B).
- Faasolo mai C, M ma Y mai auala totoa ma faaliliu nei fa vaega uma i pasene.
Faataitaʻiga aoga
E lua faaliliuga e tupu faasolosolo, o lea e faia ai le taulotoa lua — ma o CMYK e tumau o se approximation aunoa ma se color profile. Faamoemoe o le iʻuga lolomi e laʻititi ifo i le susulu nai lo le preview HSL.
HSL ma CMYK faamatala
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
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
HSL i le CMYK laulau referência
Lanu CSS sili ona masani, faaliliu mai HSL i le CMYK.
| Lanu | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |