Konverter HSL til HEX
Konverter HSL til HEX mens du skriver — gratis, øjeblikkeligt, med et praktisk eksempel og en oversigt over gængse farver.
Skriv en HSL-værdi og se HEX-værdien nedenfor, eller vælg en farve med farvevælgeren.
Eksempel på konvertering
HSL 11, 100%, 60% = HEX #ff5733
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 HSL og HEX
| Farve | HSL | HEX |
|---|---|---|
| Rød | 0, 100%, 50% | #ff0000 |
| Orange | 39, 100%, 50% | #ffa500 |
| Gul | 60, 100%, 50% | #ffff00 |
| Grøn | 120, 100%, 25% | #008000 |
| Cyan | 180, 100%, 50% | #00ffff |
| Blå | 240, 100%, 50% | #0000ff |
| Lilla | 300, 100%, 25% | #800080 |
| Pink | 350, 100%, 88% | #ffc0cb |
| Brun | 0, 59%, 41% | #a52a2a |
| Hvid | 0, 0%, 100% | #ffffff |
| Grå | 0, 0%, 50% | #808080 |
| Sort | 0, 0%, 0% | #000000 |
Hver konvertering sker i din browser. Intet af det, du indtaster, uploades til BroBroGo.
Ofte stillede spørgsmål
Hvordan konverterer jeg HSL til HEX?
Skriv eller indsæt din HSL-værdi ovenfor — HEX-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.