---
title: "Hex till RGB: omvandla färgkoder åt båda hållen"
h1: "Hex till RGB och RGB till hex"
description: "Omvandla hex till RGB och RGB till hex direkt. Skriv en färgkod som #1E90FF eller tre RGB-värden så får du färgen i hex, RGB och HSL med förhandsvisning."
category: "Konvertera"
faqTitle: "Vanliga frågor om hex och RGB"
faq:
  - question: "Hur omvandlar man hex till RGB?"
    answer: "Dela koden i tre par: RR, GG och BB. Räkna om varje par från bas 16 till ett tal mellan 0 och 255. #1E90FF blir 1E = 30, 90 = 144 och FF = 255, alltså rgb(30, 144, 255)."
  - question: "Är hex samma sak som RGB?"
    answer: "Ja, i grunden. Båda anger hur mycket rött, grönt och blått färgen innehåller. Hex skriver värdena i det hexadecimala talsystemet, RGB i vanliga decimaltal."
  - question: "Kan man omvandla RGB till hex?"
    answer: "Ja. Skriv varje värde 0–255 som två hexadecimala siffror och sätt ihop dem efter ett #. rgb(255, 136, 0) blir #FF8800."
  - question: "Hur gör man en hexfärg ljusare?"
    answer: "Enklast är att räkna om till HSL och höja ljusheten (L). hsl(210, 100%, 56%) blir ljusare som hsl(210, 100%, 75%). Räkna sedan tillbaka till hex."
  - question: "Vad betyder en hexkod med tre tecken?"
    answer: "Det är en kortform där varje tecken dubbleras. #F80 är samma färg som #FF8800."
  - question: "Hur många färger går att skriva med hex?"
    answer: "256 × 256 × 256 = 16 777 216 färger, eftersom varje kanal har 256 möjliga värden."
howToTitle: "Så omvandlar du hex till RGB"
howToSteps:
  - name: "Skriv hexkoden"
    text: "Med eller utan #, sex eller tre tecken. Du kan också välja en färg i färgväljaren."
  - name: "Eller skriv RGB"
    text: "Fyll i röd, grön och blå med heltal 0–255 så räknas hexkoden ut."
  - name: "Kopiera resultatet"
    text: "Du får färgen i hex, RGB och HSL, med en ruta som visar färgen."
datePublished: "2026-10-30"
dateModified: "2026-10-30"
---

För att omvandla hex till RGB delar du färgkoden i tre par och räknar om varje par från bas 16 till ett tal mellan 0 och 255. **#1E90FF** blir 1E = 1 × 16 + 14 = **30**, 90 = 9 × 16 = **144** och FF = **255**. Färgen är alltså rgb(30, 144, 255).

Räknaren ovan går åt båda hållen, så du kan också omvandla RGB till hex. Den visar dessutom HSL-värdet.

## Så fungerar en hexkod

En hexkod har formen **#RRGGBB**. De två första tecknen är rött, de två mittersta grönt och de två sista blått. Varje par går från 00 till FF, vilket motsvarar 0 till 255.

Hexadecimala siffror går från 0 till 9 och sedan A till F, där A = 10 och F = 15. Den första siffran i paret räknas sexton gånger, den andra en gång. Vill du räkna om andra hexadecimala tal än färger fungerar vår hexadecimal omvandlare för alla heltal.

| Hex | Uträkning | Decimalt |
|---|---|---|
| 00 | 0 × 16 + 0 | 0 |
| 1E | 1 × 16 + 14 | 30 |
| 80 | 8 × 16 + 0 | 128 |
| C0 | 12 × 16 + 0 | 192 |
| FF | 15 × 16 + 15 | 255 |

## Vanliga färger i hex och RGB

| Färg | Hex | RGB |
|---|---|---|
| Svart | #000000 | rgb(0, 0, 0) |
| Vit | #FFFFFF | rgb(255, 255, 255) |
| Röd | #FF0000 | rgb(255, 0, 0) |
| Grön | #00FF00 | rgb(0, 255, 0) |
| Blå | #0000FF | rgb(0, 0, 255) |
| Mellangrå | #808080 | rgb(128, 128, 128) |

När alla tre värdena är lika blir färgen grå. Ju högre värden, desto ljusare.

## Hex, RGB och HSL

Alla tre beskriver samma färger, bara på olika sätt:

- **Hex** är kompakt och vanligast i CSS och designprogram.
- **RGB** visar mängden rött, grönt och blått som vanliga tal.
- **HSL** beskriver nyans (0–360 grader), mättnad och ljushet i procent.

HSL är smidigast när du vill justera en färg. Ska knappen bli lite ljusare vid hover höjer du bara L-värdet, i stället för att gissa nya hexsiffror.

## Kortform och genomskinlighet

En hexkod med tre tecken är en kortform: **#F80** betyder #FF8800. Den fungerar bara när båda tecknen i varje par är lika.

Med åtta tecken, #RRGGBBAA, anger de två sista hur genomskinlig färgen är. #1E90FF80 är samma blå med ungefär 50 % opacitet, eftersom 80 hex är 128 och 128 av 255 är drygt 50 procent. Det är vanlig procenträkning. Formen ingår i CSS Color Module Level 4 och stöds av moderna webbläsare.