HEX till RGB – gratis online
Konvertera HEX till RGB online med det kostnadsfria verktyget HEX till RGB. Praktiskt verktyg för utvecklare – körs helt lokalt, utan dataöverföring.
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HEX till RGB-omvandlare för CSS, designsystem och webbutveckling
Designers och utvecklare växlar ständigt mellan HEX, RGB och HSL. Skriv en sexsiffrig hex-kod (med eller utan #) så får du direkt motsvarande RGB- och HSL-värden. Färgförhandsvisningen uppdateras i realtid medan du skriver. Allt körs i webbläsaren — ingen uppladdning, inget konto.
För vem
- Webbutvecklare — omvandlar en designers hex-koder till
rgb()ellerrgba()när de behöver justera genomskinlighet. - UI- och grafiska designers — kontrollerar exakta färgvärden mellan verktyg som Figma, Sketch och CSS.
- Mejl- och nyhetsbrevsbyggare — vissa e-postklienter föredrar RGB framför hex i inline-stilar.
Så använder du den
- Skriv eller klistra in en hex-kod, till exempel
#3b82f6. - Läs av RGB- och HSL-värdena som beräknas direkt.
- Kopiera det värde du behöver till din CSS eller ditt designverktyg.
HEX, RGB och HSL — vad är skillnaden?
- HEX — sex tecken som anger rött, grönt och blått i hexadecimal form. Kompakt och vanligast i CSS.
- RGB — samma färg uttryckt i tre tal (0–255). Krävs för
rgba()när du vill ange genomskinlighet. - HSL — nyans, mättnad och ljushet. Mer intuitivt när du vill göra en färg ljusare eller mer dämpad.
Integritet och bearbetning i webbläsaren
All omvandling sker lokalt i din webbläsare. Inga färgvärden eller annan data lämnar din enhet.
Relaterat: färgväljare, CSS-gradientgenerator.
Vanliga frågor
Är verktyget gratis?
Ja. Verktyget körs gratis i din webbläsare och du behöver inget konto.
Behöver jag installera något?
Nej. Allt körs i en vanlig modern webbläsare — på dator och mobil, utan extra programvara.
Skickas min indata till en server?
Nej. All bearbetning sker lokalt i din webbläsare. Dina färgvärden lämnar inte din enhet.
Måste jag skriva med #?
Nej. Verktyget förstår hex-koder både med och utan inledande #-tecken.
Vad är skillnaden mellan RGB och HSL?
RGB anger färgen i rött, grönt och blått (0–255). HSL anger nyans, mättnad och ljushet, vilket gör det enklare att finjustera ljusstyrka och dämpning.
Kan jag omvandla en tresiffrig hex-kod?
Ange den i sin sexsiffriga form (till exempel #ffffff i stället för #fff) för ett exakt resultat.