Konvertera HEX till HSL
Konvertera HEX till HSL i realtid medan du skriver – gratis, direkt och med praktiska exempel samt en färgtabell.
Skriv ett HEX-värde och se HSL-värdet under det, eller välj en färg från färgväljaren.
Praktiskt exempel
HEX #ff5733 = HSL 11, 100%, 60%
Hur konverteringen fungerar
- En HEX-kod är samma tre RGB-kanaler skrivna i bas-16: två tecken per kanal, från 00 (0) till ff (255).
- 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 HEX och HSL
| Färg | HEX | HSL |
|---|---|---|
| Röd | #ff0000 | 0, 100%, 50% |
| Orange | #ffa500 | 39, 100%, 50% |
| Gul | #ffff00 | 60, 100%, 50% |
| Grön | #008000 | 120, 100%, 25% |
| Cyan | #00ffff | 180, 100%, 50% |
| Blå | #0000ff | 240, 100%, 50% |
| Lila | #800080 | 300, 100%, 25% |
| Rosa | #ffc0cb | 350, 100%, 88% |
| Brun | #a52a2a | 0, 59%, 41% |
| Vit | #ffffff | 0, 0%, 100% |
| Grå | #808080 | 0, 0%, 50% |
| Svart | #000000 | 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 HEX till HSL?
Skriv eller klistra in ditt HEX-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.