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.
Vanliga frågor om hex och RGB
Hur omvandlar man hex till RGB?
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).
Är hex samma sak som RGB?
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.
Kan man omvandla RGB till hex?
Ja. Skriv varje värde 0–255 som två hexadecimala siffror och sätt ihop dem efter ett #. rgb(255, 136, 0) blir #FF8800.
Hur gör man en hexfärg ljusare?
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.
Vad betyder en hexkod med tre tecken?
Det är en kortform där varje tecken dubbleras. #F80 är samma färg som #FF8800.
Hur många färger går att skriva med hex?
256 × 256 × 256 = 16 777 216 färger, eftersom varje kanal har 256 möjliga värden.
Automation Manager, Pineberry AB
Jobbar med digital marknadsföring och automation på Pineberry. Har utövat MMA och thaiboxning och spelat fotboll på semiprofessionell nivå. Bygger verktygen här och kontrollerar formlerna mot primärkällor.
Den här sidan senast genomgången 30 oktober 2026.