RGB til HSL konverter
Konverter RGB til HSL mens du skriver – gratis, umiddelbart, med et praktisk eksempel og en oversikt over vanlige farger.
Skriv inn en RGB-verdi og se HSL-verdien under den, eller velg en farge fra fargevelgeren.
Eksempel
RGB 255, 87, 51 = HSL 11, 100%, 60%
Slik fungerer konverteringen
- 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 RGB og HSL
| Farge | RGB | HSL |
|---|---|---|
| Rød | 255, 0, 0 | 0, 100%, 50% |
| Oransje | 255, 165, 0 | 39, 100%, 50% |
| Gul | 255, 255, 0 | 60, 100%, 50% |
| Grønn | 0, 128, 0 | 120, 100%, 25% |
| Cyan | 0, 255, 255 | 180, 100%, 50% |
| Blå | 0, 0, 255 | 240, 100%, 50% |
| Lilla | 128, 0, 128 | 300, 100%, 25% |
| Rosa | 255, 192, 203 | 350, 100%, 88% |
| Brun | 165, 42, 42 | 0, 59%, 41% |
| Hvit | 255, 255, 255 | 0, 0%, 100% |
| Grå | 128, 128, 128 | 0, 0%, 50% |
| Svart | 0, 0, 0 | 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 RGB til HSL?
Skriv inn eller lim inn RGB-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.