Gratis omformer

HSL til HEX-omformer

Konverter HSL-fargeverdier til HEX-fargekoder umiddelbart – gratis fargekonvertering i sanntid.

Hue
Metning (%)
Letthet (%)

HEX-utgang

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

Kopier format

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

Om dette verktøyet

Konverter HSL (Hue, Saturation, Lightness) fargeverdier til heksadesimale koder. HSL er en intuitiv fargemodell der Hue er fargevinkelen (0-360°), Saturation er fargeintensiteten (0-100%), og Lightness styrer hvor lys eller mørk fargen er (0-100%). Nyttig for designere som jobber i HSL og trenger hex-koder for CSS.

Slik bruker du det

  1. Angi Hue-verdien (0-360 grader på fargehjulet).
  2. Still inn metning (0-100 %) og lyshet (0-100 %).
  3. Hex-koden beregnes og vises i sanntid.
  4. Kopier hex-koden for bruk i CSS- eller designverktøyet.

Ofte stilte spørsmål

Hvorfor bruke HSL i stedet for hex eller RGB?
HSL er mer intuitivt for mennesker. Vil du ha en mørkere nyanse? Reduser lettheten. Vil du ha en dempet versjon? Reduser metningen. Disse forholdene er ikke åpenbare i hex eller RGB der du må justere alle tre kanalene.
Hva betyr en fargetone på 0 vs 360?
Både 0° og 360° er røde — fargetonehjulet vikler seg rundt. Hovedfarger: 0° = rød, 60° = gul, 120° = grønn, 180° = cyan, 240° = blå, 300° = magenta.
Hva skjer ved 0% og 100% metning?
Ved 0 % metning blir enhver nyanse en gråtone (bestemt av lyshet alene). Ved 100 % metning får du den reneste og mest levende versjonen av den fargen.
Hvordan fungerer letthet?
0 % lyshet er alltid svart uavhengig av fargetone/metning. 100% er alltid hvit. 50 % gir den rene, mest levende versjonen av fargen. Verdier mellom 0-50 % er mørkere nyanser, 50-100 % er lysere nyanser.