HEX til HSL konverter
Konverter HEX til HSL mens du skriver – gratis, umiddelbart, med et praktisk eksempel og en oversikt over vanlige farger.
Skriv inn en HEX-verdi og se HSL-verdien under den, eller velg en farge fra fargevelgeren.
Eksempel
HEX #ff5733 = HSL 11, 100%, 60%
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 HEX og HSL
| Farge | HEX | HSL |
|---|---|---|
| Rød | #ff0000 | 0, 100%, 50% |
| Oransje | #ffa500 | 39, 100%, 50% |
| Gul | #ffff00 | 60, 100%, 50% |
| Grønn | #008000 | 120, 100%, 25% |
| Cyan | #00ffff | 180, 100%, 50% |
| Blå | #0000ff | 240, 100%, 50% |
| Lilla | #800080 | 300, 100%, 25% |
| Rosa | #ffc0cb | 350, 100%, 88% |
| Brun | #a52a2a | 0, 59%, 41% |
| Hvit | #ffffff | 0, 0%, 100% |
| Grå | #808080 | 0, 0%, 50% |
| Svart | #000000 | 0, 0%, 0% |
Hver konvertering kjøres i nettleseren din. Ingenting du skriver inn lastes opp til BroBroGo.
Ofte stilte spørsmål
Hvordan konverterer jeg HEX til HSL?
Skriv inn eller lim inn HEX-verdien din ovenfor – HSL-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.