Konverter HEX til HSL
Konverter HEX til HSL mens du skriver — gratis, øjeblikkeligt, med et praktisk eksempel og en oversigt over gængse farver.
Skriv en HEX-værdi og se HSL-værdien nedenfor, eller vælg en farve med farvevælgeren.
Eksempel på konvertering
HEX #ff5733 = HSL 11, 100%, 60%
Sådan fungerer konverteringen
- En HEX-kode er de samme tre RGB-kanaler skrevet i det hexadecimale talsystem (base-16): to cifre pr. kanal, fra 00 (0) til ff (255).
- HSL beskriver den samme farve ud fra farvetone (hue, 0–360° på farvehjulet), mætning (saturation) og lyshed (lightness) — praktisk, hvis man vil gøre en farve mørkere eller mindre mættet ved blot at ændre en enkelt komponent.
Gængse farver i HEX og HSL
| Farve | HEX | HSL |
|---|---|---|
| Rød | #ff0000 | 0, 100%, 50% |
| Orange | #ffa500 | 39, 100%, 50% |
| Gul | #ffff00 | 60, 100%, 50% |
| Grøn | #008000 | 120, 100%, 25% |
| Cyan | #00ffff | 180, 100%, 50% |
| Blå | #0000ff | 240, 100%, 50% |
| Lilla | #800080 | 300, 100%, 25% |
| Pink | #ffc0cb | 350, 100%, 88% |
| Brun | #a52a2a | 0, 59%, 41% |
| Hvid | #ffffff | 0, 0%, 100% |
| Grå | #808080 | 0, 0%, 50% |
| Sort | #000000 | 0, 0%, 0% |
Hver konvertering sker i din browser. Intet af det, du indtaster, uploades til BroBroGo.
Ofte stillede spørgsmål
Hvordan konverterer jeg HEX til HSL?
Skriv eller indsæt din HEX-værdi ovenfor — HSL-værdien opdateres løbende, mens du skriver. Du kan også vælge farven visuelt med farvevælgeren.
Er konverteringen helt nøjagtig?
Værdierne afrundes til hele tal, hvilket er det format, som CSS og designværktøjer forventer. Forskellen er langt mindre end hvad det menneskelige øje kan registrere.