Färgkonverterare
Konvertera färger mellan HEX, RGB, HSL, HWB och CMYK med transparensstöd och liveförhandsvisning.
Välj
Alfa (transparens)
1.00
HEX
Kopierat!
RGB
Kopierat!
HSL
Kopierat!
HWB
Kopierat!
CMYK (ungefärlig)
Kopierat!
Så här fungerar det
Färgkonverteraren omvandlar färgvärden mellan HEX-, RGB-, HSL- och HSV-format med standardmatematiska formler — utan avrundning eller approximation.
Ange en färg i något av de stödda formaten: hexadecimalt (#RRGGBB), RGB (t.ex. rgb(255, 128, 0)), HSL (t.ex. hsl(30, 100%, 50%)) eller HSV. Kalkylatorn beräknar automatiskt alla andra representationer simultaneously.
Använd färgväljaren för att visuellt välja värden istället för att skriva dem manuellt.
HEX-format används mest i CSS och HTML. RGB är bekvämt för programmatisk manipulation. HSL är intuitivt när man justerar nyans, mättnad och ljushet.
Användningsfall
- Översätta en designers HEX-färg till HSL för CSS-animationer
- Kontrollera RGB-tripletten bakom en varumärkesfärg
- Kopiera färgvärden mellan designverktyg som använder olika format
- Undervisa i färgteori med ett visuellt färgprov
Vanliga frågor
- Varför kan HSL→HEX→HSL inte returnera exakt samma värden?
- Viss avrundning är oundviklig vid konvertering mellan färgrymder — skillnaden är visuellt försumbar.
- Stöder det alfakanal/transparens?
- Den aktuella versionen hanterar ogenomskinliga färger. Alfa (RGBA/HSLA) är planerat.
- Vilket format ska jag välja för CSS?
- HEX eller rgb() för hela webfärger; hsl() när du programmatiskt behöver justera ljushet/mättnad.
- Kan jag kopiera värden med ett klick?
- Ja — varje utdatafält har en Kopiera-knapp.
- Hanterar konverteraren namngivna CSS-färger?
- Inte direkt — ange HEX-ekvivalenten för den namngivna färgen.