Konverter RGB til HSL
Konverter RGB til HSL mens du skriver — gratis, øjeblikkeligt, med et praktisk eksempel og en oversigt over gængse farver.
Skriv en RGB-værdi og se HSL-værdien nedenfor, eller vælg en farve med farvevælgeren.
Eksempel på konvertering
RGB 255, 87, 51 = HSL 11, 100%, 60%
Sådan fungerer konverteringen
- 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 RGB og HSL
| Farve | RGB | HSL |
|---|---|---|
| Rød | 255, 0, 0 | 0, 100%, 50% |
| Orange | 255, 165, 0 | 39, 100%, 50% |
| Gul | 255, 255, 0 | 60, 100%, 50% |
| Grøn | 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% |
| Pink | 255, 192, 203 | 350, 100%, 88% |
| Brun | 165, 42, 42 | 0, 59%, 41% |
| Hvid | 255, 255, 255 | 0, 0%, 100% |
| Grå | 128, 128, 128 | 0, 0%, 50% |
| Sort | 0, 0, 0 | 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 RGB til HSL?
Skriv eller indsæt din RGB-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.