HSL til HEX konverter
Konverter HSL til HEX mens du skriver – gratis, umiddelbart, med et praktisk eksempel og en oversikt over vanlige farger.
Skriv inn en HSL-verdi og se HEX-verdien under den, eller velg en farge fra fargevelgeren.
Eksempel
HSL 11, 100%, 60% = HEX #ff5733
Slik fungerer konverteringen
- En HEX-kode er de samme tre RGB-kanalene skrevet i sekstentallsystemet (base-16): to sifre per kanal, fra 00 (0) til ff (255).
- HSL beskriver den samme fargen ved hjelp av fargetone (hue, 0–360° på fargehjulet), fargemetning (saturation) og lysstyrke (lightness) – praktisk for å gjøre en farge mørkere eller mindre mettet ved å endre bare én komponent.
Vanlige farger i HSL og HEX
| Farge | HSL | HEX |
|---|---|---|
| Rød | 0, 100%, 50% | #ff0000 |
| Oransje | 39, 100%, 50% | #ffa500 |
| Gul | 60, 100%, 50% | #ffff00 |
| Grønn | 120, 100%, 25% | #008000 |
| Cyan | 180, 100%, 50% | #00ffff |
| Blå | 240, 100%, 50% | #0000ff |
| Lilla | 300, 100%, 25% | #800080 |
| Rosa | 350, 100%, 88% | #ffc0cb |
| Brun | 0, 59%, 41% | #a52a2a |
| Hvit | 0, 0%, 100% | #ffffff |
| Grå | 0, 0%, 50% | #808080 |
| Svart | 0, 0%, 0% | #000000 |
Hver konvertering kjøres i nettleseren din. Ingenting du skriver inn lastes opp til BroBroGo.
Ofte stilte spørsmål
Hvordan konverterer jeg HSL til HEX?
Skriv inn eller lim inn HSL-verdien din ovenfor – HEX-verdien oppdateres mens du skriver. Du kan også velge fargen visuelt med fargevelgeren.
Er konverteringen helt nøyaktig?
Verdiene rundes av til hele tall, slik CSS og designverktøy forventer. Forskjellen er langt under det det menneskelige øyet kan oppfatte.