1. Ange värde
Skriv ett tal i inmatningsfältet. Du kan använda punkt eller komma som decimalavskiljare.
RGB till HSL
Denna omvandlare räknar om direkt. Ange ett värde så visas resultatet omedelbart.
Loading tool editor...
När ska man omvandla RGB till HSL?
HSL (Nyans, Mättnad, Ljushet) är en mer intuitiv färgrepresentation. Nyans = färgvinkel (0–360°), Mättnad = intensitet (0–100%), Ljushet = ljus/mörk (0–100%).
Alla beräkningar körs lokalt i din webbläsare.
Så använder du omvandlaren
2. Läs av resultatet
Konverteringsresultatet visas omedelbart i fältet bredvid – utan att klicka.3. Kopiera eller vänd
Klicka på Kopiera resultat eller använd knappen Vänd.
När är denna omvandlare användbar?
Färghantering
HSL gör hover enklare: mörkare genom att sänka L, avsätta genom att sänka S.Webbutveckling
Konsekventa färgskalor via ljushetsvariation.Färgteori
HSL motsvarar färghjulet. Komplementär = H+180°.Tillgänglighet
HSL-ljushet hjälper till att säkerställa tillräcklig kontrast.
Vad gör denna omvandlare speciell?
Fullständig integritet
Alla beräkningar görs lokalt i din webbläsare. Ingen data skickas till någon server.Resultat i realtid
Resultatet uppdateras omedelbart när du skriver – inget klick krävs.Dubbelriktad konvertering
Vänd-knappen låter dig konvertera i båda riktningarna med ett klick.Referenstabell
En färdig tabell med ofta konverterade värden och kontextuella beskrivningar.
Hur fungerar omvandlingen?
Normalisera RGB till 0–1. Hitta max och min. L = (max + min) / 2.
HSL är helt reversibel — tillbaka till RGB ger exakt samma färg.
Hur fungerar omvandlingen?
Normalisera RGB till 0–1. Hitta max och min. L = (max + min) / 2.
HSL är helt reversibel — tillbaka till RGB ger exakt samma färg.
RGB vs HSL
| Egenskap | RGB | HSL |
|---|---|---|
| Modell | Additiva kanaler | Nyans/Mättnad/Ljushet |
| Värden | 0–255 per kanal | H: 0–360°, S/L: 0–100% |
| Intuitiv | Svår att förutse | Lätt att justera |
| Färgteori | Inte cirkelbaserad | Motsvarar färghjulet |
| CSS | rgb(R, G, B) | hsl(H, S%, L%) |
RGB
- Modell
Additiva kanaler - Värden
0–255 per kanal - Intuitiv
Svår att förutse - Färgteori
Inte cirkelbaserad - CSS
rgb(R, G, B)
HSL
- Modell
Nyans/Mättnad/Ljushet - Värden
H: 0–360°, S/L: 0–100% - Intuitiv
Lätt att justera - Färgteori
Motsvarar färghjulet - CSS
hsl(H, S%, L%)
Konvertera RGB till andra enheter
Utforska andra enhetskonverterare
Vanliga frågor
Hjälp oss förbättra våra verktyg
Har du en idé, hittat en bugg eller vill föreslå en funktion? Skriv till oss – vi svarar inom 24 timmar.