Färgkonverterare – HEX, RGB, HSL
Skriv eller klistra in en färg i valfritt format och se den konverterad till HEX, RGB och HSL direkt. Kopiera vilket värde som helst med ett enda klick.
Paste or type a color to convert
Supports HEX, RGB, and HSL formats
Try an example
Fler verktyg
Picker
Färgväljare
Ladda upp en bild och klicka för att extrahera HEX-, RGB- och HSL-färgkoder.
Checker
Kontrastkontroll
Kontrollera färgkontrastförhållanden mot WCAG AA- och AAA-standarder.
Generator
Palettgenerator
Generera harmoniska färgpaletter från valfri grundfärg.
Konvertera färger mellan HEX, RGB och HSL
Att arbeta med färger i olika verktyg innebär ofta att man måste byta mellan format. Den här konverteraren hanterar HEX, RGB och HSL — de tre vanligaste färgformaten inom webbutveckling och design.
Skriv eller klistra in ett färgvärde i valfritt format. Konverteraren identifierar automatiskt om du angett en HEX-kod, ett RGB-värde eller ett HSL-värde och visar alla tre representationerna omedelbart.
Format som stöds
- HEX — t.ex. #3B82F6 eller #f00 (förkortad)
- RGB — t.ex. rgb(59, 130, 246)
- HSL — t.ex. hsl(217, 91%, 60%)
Varje resultat formateras som ett färdigt CSS-värde som du kan klistra in direkt i din kod.
Så använder du färgkonverteraren
- Ange ett färgvärde i inmatningsfältet — HEX, RGB eller HSL
- Formatet identifieras automatiskt
- Se de konverterade värdena för alla tre format under inmatningen
- Klicka på kopieringsknappen bredvid ett format för att kopiera det till urklipp
Vanliga användningsområden
- Konvertera en HEX-kod från en designfil till RGB för CSS
- Få HSL-versionen av en färg för att justera ljusstyrka eller mättnad
- Översätta RGB-värden från ett bildredigeringsprogram till HEX för HTML
- Snabbt kontrollera att två färgvärden i olika format representerar samma färg
När ska man använda HEX, RGB eller HSL?
HEX är det mest kompakta formatet och används ofta i CSS och HTML. RGB är vanligt i designverktyg och bildredigeringsprogram. HSL är det mest lättlästa — det separerar nyans, mättnad och ljusstyrka, vilket gör det enklare att finjustera färger manuellt.
Det finns inget enskilt bästa format. Använd det som passar ditt arbetsflöde — och när du behöver byta mellan dem gör den här konverteraren det på nolltid.
Vanliga frågor
- Hur konverterar jag HEX till RGB?
- Klistra in din HEX-kod (t.ex. #3B82F6) i inmatningsfältet. RGB-motsvarigheten visas direkt nedanför.
- Hur konverterar jag RGB till HEX?
- Ange ditt RGB-värde i formatet rgb(59, 130, 246). HEX-koden visas tillsammans med HSL-värdet.
- Vad är HSL?
- HSL står för Hue, Saturation och Lightness (nyans, mättnad och ljusstyrka). Det beskriver färger på ett sätt som är mer intuitivt för människor — du kan enkelt ändra hur ljus eller mättad en färg är utan att påverka grundnyansen.
- Stöder verktyget förkortade HEX-koder?
- Ja. Du kan ange förkortade koder som #f00 eller #abc, och de expanderas och konverteras korrekt.
- Är färgkonverteraren gratis?
- Ja. ColourPicker.app är helt gratis att använda och kräver ingen registrering.
- Fungerar verktyget på mobilen?
- Ja. Färgkonverteraren fungerar på alla enheter med en modern webbläsare — dator, surfplatta eller telefon.