Gratis konverter

HSL til HEX konverter

Konverter HSL-farveværdier til HEX-farvekoder med det samme - gratis farvekonverter i realtid.

Hue
Mætning (%)
Lethed (%)

HEX udgang

#368CE2
R:54
G:140
B:226

Kopier format

#HEX-format#368CE2
hsl() formathsl(210°, 75%, 55%)
rgb() formatrgb(54, 140, 226)

Om dette værktøj

Konverter HSL (Hue, Saturation, Lightness) farveværdier til hexadecimale koder. HSL er en intuitiv farvemodel, hvor Hue er farvevinklen (0-360°), Saturation er farveintensiteten (0-100%), og Lightness styrer, hvor lys eller mørk farven er (0-100%). Nyttigt for designere, der arbejder i HSL og har brug for hex-koder til CSS.

Sådan bruger du det

  1. Indtast farvetoneværdien (0-360 grader på farvehjulet).
  2. Indstil mætning (0-100%) og lethed (0-100%).
  3. Hex-koden beregnes og vises i realtid.
  4. Kopiér hex-koden til brug i dit CSS- eller designværktøj.

Ofte stillede spørgsmål

Hvorfor bruge HSL i stedet for hex eller RGB?
HSL er mere intuitivt for mennesker. Vil du have en mørkere nuance? Formindsk lethed. Vil du have en dæmpet version? Reducer mætning. Disse relationer er ikke indlysende i hex eller RGB, hvor du skal justere alle tre kanaler.
Hvad betyder en nuance på 0 vs 360?
Både 0° og 360° er røde — farvetonehjulet vikler sig rundt. Vigtigste nuancer: 0° = rød, 60° = gul, 120° = grøn, 180° = cyan, 240° = blå, 300° = magenta.
Hvad sker der ved 0% og 100% mætning?
Ved 0% mætning bliver enhver nuance til en grå nuance (bestemt af lyshed alene). Ved 100 % mætning får du den reneste, mest levende version af den nuance.
Hvordan virker lethed?
0% lyshed er altid sort uanset nuance/mætning. 100% er altid hvidt. 50% giver den rene, mest levende version af farven. Værdier mellem 0-50% er mørkere nuancer, 50-100% er lysere nuancer.