Färgomvandlare — Gratis onlineverktyg
Använd direkt, gratis, utan registrering. Dina filer bearbetas lokalt och laddas aldrig upp.
Av AllFileBox-teamet · Senast uppdaterad: 2026-06-11
#5B4FE8
rgb(91, 79, 232)
hsl(245, 77%, 61%)
Färgkonverteraren är ett gratis onlineverktyg som konverterar en färg mellan HEX-, RGB- och HSL-format direkt, så att du kan kopiera den exakta koden du behöver för CSS, design eller utskrift.
HEX, RGB och HSL förklaras
HEX är den sexsiffriga koden som används i CSS och designverktyg. RGB beskriver en färg med dess röda, gröna och blå kanaler. HSL använder nyans, mättnad och ljushet, vilket gör det enkelt att justera en färg efter känsla. Att konvertera mellan dem låter dig arbeta i vilket format ett verktyg förväntar sig.
Konvertera i valfri riktning
Ange ett värde i ett format och konverteraren returnerar de matchande koderna i de andra, med en livefärgprov så att du kan bekräfta färgen. Den hanterar HSL till HEX, HEX till HSL, RGB till HEX och HEX till RGB utan några avrundningsöverraskningar.
Hur man använder Färgomvandlare
- Öppna Färgkonverteraren i din webbläsare.
- Skriv eller klistra in en färg i HEX, RGB eller HSL.
- Läs de konverterade värdena i de andra formaten.
- Kontrollera den levande färgrutan för att bekräfta.
- Kopiera koden du behöver.
Matcha en varumärkesfärg
Matcha en varumärkesfärg
Klistra in en HEX-kod från en stilguide och läs av RGB- och HSL-värdena för andra verktyg.
Justera en nyans i HSL
Justera ljusheten i HSL och konvertera sedan till HEX för ditt stilmall.
Fyll i en design-token
Konvertera RGB till HEX för att snabbt fylla i en färgvariabel i ett designsystem.
| Format | Exempel | Vanlig användning |
|---|---|---|
| HEX | 0277BD | CSS, designverktyg |
| RGB | rgb(2,119,189) | Skärmar, canvas |
| HSL | hsl(201,98%,37%) | Justera nyanser |
Relaterade verktyg
Nyckelfunktioner Färgomvandlare
Dina filer förblir privata
All bearbetning sker i din webbläsare med WebAssembly. Din fil skickas aldrig till våra servrar. Vi har noll åtkomst till dina filer – garanterat.