Konvertera RGB till HSL
Konvertera RGB till HSL i realtid medan du skriver – gratis, direkt och med praktiska exempel samt en färgtabell.
Skriv ett RGB-värde och se HSL-värdet under det, eller välj en färg från färgväljaren.
Praktiskt exempel
RGB 255, 87, 51 = HSL 11, 100%, 60%
Hur konverteringen fungerar
- HSL beskriver samma färg med färgton (hue, 0–360° på färgcirkeln), mättnad (saturation) och ljusstyrka (lightness) – smidigt när du vill göra en färg mörkare eller mindre mättad genom att bara ändra en komponent.
Vanliga färger i RGB och HSL
| Färg | 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% |
| Lila | 128, 0, 128 | 300, 100%, 25% |
| Rosa | 255, 192, 203 | 350, 100%, 88% |
| Brun | 165, 42, 42 | 0, 59%, 41% |
| Vit | 255, 255, 255 | 0, 0%, 100% |
| Grå | 128, 128, 128 | 0, 0%, 50% |
| Svart | 0, 0, 0 | 0, 0%, 0% |
Varje konvertering sker i din webbläsare. Inget av det du skriver in laddas upp till BroBroGo.
Vanliga frågor
Hur konverterar jag RGB till HSL?
Skriv eller klistra in ditt RGB-värde ovan – HSL-värdet uppdateras direkt. Du kan också välja färg visuellt med färgväljaren.
Är konverteringen exakt?
Värdena avrundas till heltal, vilket är det format som CSS och designverktyg förväntar sig. Skillnaden är långt under vad det mänskliga ögat kan uppfatta.