RGB til HEX

Introduktion

RGB (Red, Green, Blue) og HEX er to forskellige måder at repræsentere farver digitalt på. Begge bruges i webdesign, grafisk design og programmering, men de har forskellig notation:

• RGB: rgb(255, 0, 0) – Tre tal fra 0-255
• HEX: #FF0000 – Sekscifret hexadecimal kode

Denne konverter gør det nemt at skifte mellem de to formater. Du får brug for det når du:

• Designer websites (CSS understøtter begge formater)
• Arbejder i grafiske programmer
• Skal matche farver på tværs af platforme
• Konverterer farver fra designværktøjer til kode

Hvordan bruger du konverteren

Værktøjet fungerer i begge retninger:

RGB til HEX

1. Indtast RGB-værdier – Red (0-255), Green (0-255), Blue (0-255)
2. Få HEX-koden – Beregneren viser straks den tilsvarende HEX-kode
3. Kopier koden – Brug direkte i CSS, HTML eller designværktøjer

HEX til RGB

1. Indtast HEX-kode – Med eller uden # (f.eks. #FF5733 eller FF5733)
2. Få RGB-værdier – Se de tre separate farvekanaler
3. Brug værdierne – Implementer i dit projekt

Formel og beregning

RGB til HEX konvertering

Hver RGB-kanal (0-255) konverteres til hexadecimal (00-FF):

HEX = #RRGGBB

Hvor:

• RR = Rød-kanalen i hex
• GG = Grøn-kanalen i hex
• BB = Blå-kanalen i hex

Konverteringsproces

1. Tag RGB-værdi (decimal 0-255)
2. Konverter til hexadecimal (00-FF)
3. Sammensæt de tre hex-værdier med # foran

Eksempel:

• RGB: (255, 87, 51)
• Rød: 255 → FF
• Grøn: 87 → 57
• Blå: 51 → 33
• HEX: #FF5733

Decimal til hexadecimal tabel

Decimal	Hex	Decimal	Hex	Decimal	Hex
0	00	85	55	170	AA
15	0F	100	64	185	B9
30	1E	115	73	200	C8
45	2D	130	82	215	D7
60	3C	145	91	230	E6
75	4B	160	A0	255	FF

Forståelse af RGB og HEX

Hvad er RGB?

RGB står for Red, Green, Blue – de tre lysfarver der kombineres i skærme og digitale medier.

RGB-format:

• rgb(255, 0, 0) = Rød
• Hver kanal: 0-255 (256 mulige værdier)
• Total: 256 × 256 × 256 = 16.777.216 farver

RGB-kanaler:

• R (Red): 0 = intet rødt, 255 = fuldt rødt
• G (Green): 0 = intet grønt, 255 = fuldt grønt
• B (Blue): 0 = intet blåt, 255 = fuldt blåt

Hvad er HEX?

HEX er hexadecimal (base-16) notation for farver, almindeligt brugt i CSS og HTML.

HEX-format:

• #FF0000 = Rød
• 6 cifre (to per farvekanal)
• Præfiks: # (hashtag)

Hexadecimale cifre: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F

Kort HEX-notation

Når begge cifre i hver kanal er ens, kan HEX forkortes:

Lang form	Kort form	Farve
#FFFFFF	#FFF	Hvid
#000000	#000	Sort
#FF0000	#F00	Rød
#00FF00	#0F0	Grøn
#0000FF	#00F	Blå
#FFAA00	#FA0	Orange

Almindelige farver

Grundfarver

Farve	RGB	HEX
Sort	rgb(0, 0, 0)	#000000
Hvid	rgb(255, 255, 255)	#FFFFFF
Rød	rgb(255, 0, 0)	#FF0000
Grøn	rgb(0, 255, 0)	#00FF00
Blå	rgb(0, 0, 255)	#0000FF
Gul	rgb(255, 255, 0)	#FFFF00
Cyan	rgb(0, 255, 255)	#00FFFF
Magenta	rgb(255, 0, 255)	#FF00FF

Webfarver og brands

Brand/Farve	RGB	HEX
Facebook blå	rgb(24, 119, 242)	#1877F2
Twitter blå	rgb(29, 161, 242)	#1DA1F2
YouTube rød	rgb(255, 0, 0)	#FF0000
WhatsApp grøn	rgb(37, 211, 102)	#25D366
Instagram gradient start	rgb(131, 58, 180)	#833AB4

Gråtoner

Navn	RGB	HEX
Sort	rgb(0, 0, 0)	#000000
Mørkegrå	rgb(64, 64, 64)	#404040
Grå	rgb(128, 128, 128)	#808080
Lysegrå	rgb(192, 192, 192)	#C0C0C0
Hvid	rgb(255, 255, 255)	#FFFFFF

Gråtoner har samme værdi i alle tre RGB-kanaler

Brug i webdesign

CSS farvedefinition

RGB i CSS:

color: rgb(255, 87, 51);
background: rgb(0, 128, 255);

HEX i CSS:

color: #FF5733;
background: #0080FF;

RGBA (med transparency):

background: rgba(255, 87, 51, 0.5);

HTML farveattributter

Inline styles:

<div style="color: #FF5733;">Tekst</div>
<p style="background: rgb(0, 128, 255);">Paragraf</p>

Tilgængelighed (WCAG)

Kontrast-forhold:

• Mindst 4,5:1 for normal tekst
• Mindst 3:1 for stor tekst (18pt+)
• Sort på hvid: 21:1 (perfekt)
• Mørk grå på hvid: 7:1 (god)

Ofte stillede spørgsmål

Hvordan konverterer man RGB til HEX?

Hver RGB-værdi (0-255) konverteres til hexadecimal (00-FF) og sammensættes til #RRGGBB. Eksempel: rgb(255, 0, 128) → #FF0080.

Hvad er forskellen på RGB og HEX?

Ingen forskel i farven – kun i notation. RGB bruger tre decimal-tal (0-255), mens HEX bruger hexadecimal med # foran. Begge bruges i CSS.

Hvorfor bruges HEX i webdesign?

HEX er kortere at skrive (#FFF vs rgb(255,255,255)), og historisk har det været standard i HTML/CSS. Men begge formater fungerer lige godt i dag.

Hvornår skal man bruge RGB fremfor HEX?

Brug RGB når du skal arbejde med gennemsigtighed (RGBA), eller når du dynamisk ændrer farver i JavaScript. HEX er god til statiske farver i CSS.

Hvad betyder #FFF?

#FFF er kort form af #FFFFFF (hvid). Når alle seks cifre er ens parvis, kan HEX forkortes: #RRGGBB → #RGB.

Kan man have gennemsigtighed i HEX?

Ja, med 8-cifret HEX: #RRGGBBAA, hvor AA er alpha (gennemsigtighed). Eksempel: #FF000080 = 50% gennemsigtig rød. Dog understøttes RGBA bedre.

Hvad er hexadecimal?

Hexadecimal er talsystem med base-16 (vs. decimal base-10). Cifre: 0-9, A-F hvor A=10, B=11, C=12, D=13, E=14, F=15.

Hvordan laver man gråtoner?

Gråtoner har samme værdi i alle RGB-kanaler. rgb(128, 128, 128) = #808080 = mellem-grå. rgb(200, 200, 200) = #C8C8C8 = lys grå.

Hvor mange farver kan RGB vise?

RGB kan vise 16.777.216 farver (256 × 256 × 256). Dette kaldes "true color" eller 24-bit farve.

Hvad er websikre farver?

Historisk set var websikre farver de 216 farver der kunne vises ens på alle skærme. I dag er dette irrelevant – moderne skærme viser millioner af farver korrekt.