Konverter RGB til HEX

Sådan konverteres RGB til hex – præcist og uden tab

Denne side tager tre decimaltal – rød, grøn og blå, hver mellem 0 og 255 – og viser dig straks den tilsvarende hexadecimale farvekode som #1E90FF. Farven vises også visuelt, og alle andre understøttede farveformater opdateres samtidigt. Du kan derfor kopiere hex-værdien direkte til CSS, designsoftware eller enhver anden arbejdsgang, der forventer en hex-farve. Det særlige ved denne side er, at konverteringen fra RGB (decimal, tre kanaler 0‑255) til hex (hexadecimal, seks- eller tre-cifret forkortelse) sker uden nogen form for afskæring eller tilnærmelse. De to formater dækker nøjagtigt det samme farverum – sRGB-arbejdsområdet, som de fleste skærme bruger – så der er ingen gamut-klipping. Hex-udgangen starter altid med # og bærer, medmindre du bruger den otte-cifrede form, ingen alfakanal. Værktøjet forventer tre tal adskilt af kommaer eller mellemrum (f.eks. 79, 70, 229), og den resulterende hex-kode er altid seks cifre (f.eks. #4F46E5), fordi hver 0‑255-værdi afbildes til et tocifret hex-par.

Farvemodellerne RGB og hex – hvordan de hænger sammen

RGB står for rød, grøn og blå – de tre additive primærfarver, der tilsammen danner det lys, du ser på en skærm. Hver kanal angiver intensiteten af farven på en skala fra 0 (intet lys) til 255 (fuld intensitet). Når du kombinerer alle tre, får du hvid (255,255,255); når alle er 0, får du sort. Denne skala på 256 trin pr. kanal giver i alt 256³ ≈ 16,7 millioner farver – nok til de fleste digitale formål.

Hexadecimale farvekoder (hex) er en kompakt måde at skrive de samme tre kanaler på. I stedet for tre decimaltal bruger man seks hexadecimale cifre (0–9, A–F), hvor de to første cifre angiver rød, de to næste grøn og de to sidste blå. For eksempel svarer RGB(79,70,229) til hex #4F46E5, fordi 79 i decimal = 4F i hex, 70 = 46 og 229 = E5. Hex-koden starter altid med # for at signalere, at der er tale om en farvedefinition.

Fordi både RGB og hex arbejder inden for det samme sRGB-farverum, er konverteringen matematisk eksakt og fuldt reversibel. Der er ingen risiko for, at farven ændrer sig, når du går fra det ene format til det andet – i modsætning til f.eks. konvertering mellem RGB og CMYK, hvor farverummet er mindre.

Hvordan konverteringsmatematikken fungerer

At konvertere en decimalværdi mellem 0 og 255 til hex kræver en enkel division. Hvert decimaltal divideres med 16. Heltalskvotienten giver det første hex-ciffer, og resten giver det andet. For eksempel:

• 79 ÷ 16 = 4 med rest 15. 4 i hex er 4, 15 i hex er F. Resultatet er 4F.
• 70 ÷ 16 = 4 med rest 6. 4 er 4, 6 er 6 → 46.
• 229 ÷ 16 = 14 med rest 5. 14 i hex er E, 5 er 5 → E5.

Sæt dem sammen: #4F46E5. Hvis en værdi er mindre end 16, f.eks. 10, bliver kvotienten 0 og resten 10 (hex A), så resultatet bliver 0A. Derfor får du altid to cifre pr. kanal, og hele hex-koden bliver seks cifre. Værktøjet viser altid seks cifre – det forkorter ikke #AABBCC til #ABC, selvom tre-cifret forkortelse er gyldig i CSS. Dog accepterer hex-indtastningsfeltet på siden tre-cifret forkortelse (f.eks. #abc) og udvider den internt til seks cifre (#AABBCC).

sRGB-farverummet – hvorfor konverteringen er tabsfri

sRGB (standard RGB) er det mest udbredte farverum til skærme, webindhold og digitale kameraer. Det er skabt af HP og Microsoft i 1996 for at skabe en fælles standard, så farver ser nogenlunde ens ud på forskellige enheder. Både RGB-decimalværdierne (0‑255) og hex-koderne (00‑FF) refererer til de samme sRGB-primærer og den samme gamma-kurve.

Fordi hex og RGB i bund og grund er to måder at skrive det samme tal på, er der ingen beregningstab. Når du indtaster 79, 70, 229 på siden, bliver tallene blot oversat til hex via den ovennævnte division – der foregår ingen farverumstransformation eller afskæring. Det er en ren talomregning, hvilket gør værktøjet ideelt til dig, der har brug for at skifte mellem formater i en præcis arbejdsgang.

Derimod vil en konvertering til f.eks. CMYK eller LAB kræve en farverumstransformation, der kan give små afvigelser på tryk eller ved specifikke profiler. Denne side viser dog også disse formater (CMYK, LAB, HSL, HSV) opdateret automatisk, men det er kun RGB‑ og hex-værdierne, der er nøjagtigt reversible inden for sRGB.

Inputregler og fejlhåndtering

Siden forventer, at du indtaster tre tal adskilt af kommaer eller mellemrum. Eksempler på gyldig input:

• 79, 70, 229
• 79 70 229
• 0, 255, 128

Hvis du indtaster værdier uden for området 0‑255, f.eks. 300, 0, 0, eller hvis formatet er forkert (f.eks. 79,70 eller abc), vises fejlmeddelelsen:
"Indtast RGB som tre tal 0‑255, f.eks. 79, 70, 229."

Alle andre felter på siden opdateres øjeblikkeligt, når du redigerer ét felt – der er ingen "konverter"-knap. Du kan derfor også ændre HSL-, HSV-, CMYK- eller LAB-værdierne, og alle andre formater inklusive RGB og hex opdateres samtidigt. Bemærk, at hvis du indtaster hex i felterne, accepteres både sekscifret (#4F46E5) og trecifret forkortelse (#ABC); sidstnævnte udvides automatisk.

Da al behandling sker i din browser, sendes intet til en server. Det betyder, at du kan arbejde offline eller med følsomme designfiler uden bekymringer.

Hvem bruger denne konvertering – og hvornår

Frontend-udviklere støder ofte på RGB-værdier i designfiler eller browserens udviklingsværktøjer og har brug for at omsætte dem til hex i CSS. For eksempel kan en designer sige: "Brug baggrundsfarven RGB(30, 144, 255)" – det er #1E90FF (DodgerBlue). UI/UX-designere, der modtager farvespecifikationer fra billedredigeringsprogrammer som Photoshop eller GIMP, kan hurtigt konvertere til hex for at bruge i Figma eller kode.

Grafiske designere, der arbejder med webaktiver, har brug for konsistens mellem RGB-baserede prototyper og den endelige hex-kodede implementering. Studerende og hobbyister, der lærer om digital farve, får en praktisk forståelse af, hvordan decimal og hexadecimal hænger sammen, og hvordan sRGB fungerer.

Endelig bruges værktøjet af alle, der henter farveværdier fra en farvevælger (f.eks. i en browser eller et designprogram) og har brug for hex-koden til et stylesheet. Selvom du allerede kender hex, kan du også indtaste en kode og se, hvad den svarer til i RGB, hvilket er nyttigt, når du skal matche en farve til tryk eller andet output.

Ofte stillede spørgsmål

Hvorfor får jeg altid seks cifre i hex, når tre cifre også er gyldige i CSS?
Værktøjet udsender altid den fulde sekscifrede kode, fordi den afspejler den præcise 0‑255‑værdi. Tre-cifret forkortelse (f.eks. #ABC) svarer til #AABBCC, men hvis dine kanaler har forskellige gentagelser (f.eks. #A1B2C3), kan de ikke forkortes. Siden bevarer den eksakte repræsentation.

Kan jeg konvertere hex til RGB på samme side?
Ja. Indtast en hex-kode (med eller uden #) i hex-feltet, og RGB-værdierne opdateres automatisk. Det fungerer begge veje.

Hvad sker der, hvis jeg indtaster tal med decimaler?
Værktøjet forventer heltal mellem 0 og 255. Decimaler afvises, og du får fejlmeddelelsen. Afrund dine værdier til nærmeste heltal før indtastning.

Er konverteringen altid nøjagtig?
Ja, fordi både RGB og hex arbejder i samme sRGB-farverum. Der er ingen tilnærmelse eller farveforskydning. Konverteringen er ren matematik: hvert decimaltal oversættes direkte til to hex-cifre.

Kan jeg bruge mellemrum i stedet for kommaer?
Ja. Både 79, 70, 229 og 79 70 229 accepteres. Du kan også blande, f.eks. 79,70 229.

Hvorfor vises CMYK- eller LAB-værdierne, hvis de ikke er nøjagtige?
De vises, fordi værktøjet opdaterer alle felter for at give dig et hurtigt overblik. Men CMYK og LAB kræver farverumstransformation, som kan give små afvigelser – især hvis du senere skal udskrive på papir. Hex og RGB er til gengæld tabsfrie.