ImageColorPicker.com

Faaliliu HSL i le RGB

Faaliliu soʻo se lanu HSL i le RGB — vave ma fua

#F39C12

Faapipi i soʻo se tau lanu — matou te iloa le format mo oe.

H
S
L
taunuʻuga RGB
Mumu
243
Lanumeamata
156
Lanulāuliʻi
18

Lenei lanu i uma format

Profaila CMYK: Coated FOGRA39 (o le tulaga masani a Photoshop mo Europa)

O HSL o le auala agalelei e filifilia ai se lanu, ae o RGB o mea o loʻo faʻaogaina moni e lau pupuni, canvas APIs ma code o ata. O lenei faaliliuga e fesuiaʻi soʻo se hue, saturation ma lightness i auala tonu 0–255.

Auala e galue ai le faaliliuga mai HSL i le RGB

  1. Faʻaliliu S ma L i fesuiaʻiga (fractions) ma fuafua le chroma C = (1 − |2L − 1|) × S.
  2. Vaʻai le hue i le va o 60 e maua ai le vaega i le uili lanu ma fuafua le taua faʻapipiʻi X = C × (1 − |(H/60 mod 2) − 1|).
  3. Faatū le C, X ma le 0 i le slots R, G ma B e tusa ai ma lea vaega.
  4. Faʻaopopo le offset o le lightness L − C/2 i uma nei auala ma faateleina i le 255.

Faataitaʻiga aoga

HSL hsl(37, 90%, 51%)=RGB rgb(243, 156, 18)

O le iʻuga e tonu seʻia oʻo i le faʻaiuga mulimuli o le faʻaulufaleina i numera atoa. E lagolagoina fua le hue poʻo le saturation ma latou faʻamutaina i le RGB pito lata ane pe a manaʻomia.

HSL ma RGB 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 RGB?

O le RGB e faamatala se lanu o ni chanel e tolu o moli — mumu, lanumeamata ma lanumoana — taitasi mai le 0 i le 255. E faʻafetaui i le auala e galue ai lau moni: o nei tolu uma i le 255 e mafai ai le paʻepaʻe, uma i le 0 e mafai ai le uliuli. RGB e talafeagai pe a e manaʻomia ona fai fuainumera ma se lanu, ma o le rgba() e faʻaopopo ai le faʻamamago (transparency).

Syntax:
rgb(R, G, B)
Vaega:
0–255 i le chanel
Sili ona talafeagai mo:
code, canvas, manino ma rgba()

HSL i le RGB laulau referência

Lanu CSS sili ona masani, faaliliu mai HSL i le RGB.

LanuHSLRGB
blackhsl(0, 0%, 0%)rgb(0, 0, 0)
whitehsl(0, 0%, 100%)rgb(255, 255, 255)
redhsl(0, 100%, 50%)rgb(255, 0, 0)
limehsl(120, 100%, 50%)rgb(0, 255, 0)
bluehsl(240, 100%, 50%)rgb(0, 0, 255)
yellowhsl(60, 100%, 50%)rgb(255, 255, 0)
orangehsl(39, 100%, 50%)rgb(255, 166, 0)
tealhsl(180, 100%, 25%)rgb(0, 127, 128)
purplehsl(300, 100%, 25%)rgb(128, 0, 127)
grayhsl(0, 0%, 50%)rgb(128, 128, 128)

Isi mea faaliliu lanu

Fesili masani

Faʻaliliu S ma L i fesuiaʻiga (fractions) ma fuafua le chroma C = (1 − |2L − 1|) × S. Vaʻai le hue i le va o 60 e maua ai le vaega i le uili lanu ma fuafua le taua faʻapipiʻi X = C × (1 − |(H/60 mod 2) − 1|). Faatū le C, X ma le 0 i le slots R, G ma B e tusa ai ma lea vaega. Faʻaopopo le offset o le lightness L − C/2 i uma nei auala ma faateleina i le 255.

O le iʻuga e tonu seʻia oʻo i le faʻaiuga mulimuli o le faʻaulufaleina i numera atoa. E lagolagoina fua le hue poʻo le saturation ma latou faʻamutaina i le RGB pito lata ane pe a manaʻomia.

O le RGB e faamatala se lanu o ni chanel e tolu o moli — mumu, lanumeamata ma lanumoana — taitasi mai le 0 i le 255. E faʻafetaui i le auala e galue ai lau moni: o nei tolu uma i le 255 e mafai ai le paʻepaʻe, uma i le 0 e mafai ai le uliuli. RGB e talafeagai pe a e manaʻomia ona fai fuainumera ma se lanu, ma o le rgba() e faʻaopopo ai le faʻamamago (transparency).

Ioe. O le faʻamau suia i tafatafa o le faʻatumu e ave ai oe i le RGB i le HSL converter, ma e galue i le auala lava e tasi. O itu uma e lua e faʻaogaina le tasi fofo, naʻo le toe faʻaaoga i le isi itu.

O loʻo e gaosia se palette i code? Faagasolo le hue i HSL ma faaliliu laasaga taʻitasi i RGB — maua ai ni lanu tatalaina tutusa e leai se toe faʻataʻitaʻiga manuia i le lima a RGB.