RGB til HEX konverter

Hvordan RGB til Hex-konverteringen fungerer

Denne siden skiller seg fra andre verktøy ved at den konverterer RGB-verdier (desimale tall, tre kanaler 0–255) direkte til heksadesimale fargekoder (sekssifrede eller tresifrede forkortelser). De to formatene representerer nøyaktig samme fargerom – sRGB-arbeidsrommet som de fleste skjermer bruker – så det er ingen klipping eller tilnærming av fargeomfang. Heks-utdata starter alltid med # og har, med mindre du bruker den åttesifrede formen, ingen alfakanal. Verktøyets RGB-inndata forventer tre tall atskilt med komma eller mellomrom (f.eks. 79, 70, 229), og den resulterende hekskoden er alltid seks sifre (f.eks. #4F46E5) fordi hver 0–255-verdi kartlegges til et tosifret heks-par.

Det er ingen «konverter»-knapp. Redigering av et hvilket som helst formatfelt oppdaterer umiddelbart alle andre felt – RGB, HSL, HSV, CMYK, LAB og fargevelgeren. All behandling skjer i nettleseren din; ingenting du skriver inn blir lastet opp.

RGB-fargemodellen og 0–255-skalaen

RGB står for rød, grønn og blå – de tre additivprimærfargene i lys. Modellen bygger på at lys av forskjellige bølgelenger summeres: jo mer rødt, grønt og blått lys du sender fra en skjermpiksel, jo lysere blir fargen. Fullt av alle tre (255, 255, 255) gir hvitt, fravær av alle (0, 0, 0) gir svart.

Hvorfor akkurat 0–255? Svaret ligger i 8-biters fargedybde per kanal. En datamaskin lagrer hver kanal som én byte (8 biter), som kan representere 2⁸ = 256 forskjellige verdier. Fra 0 (ingen intensitet) til 255 (full intensitet) har du dermed 256 trinn per kanal, totalt 256³ ≈ 16,7 millioner farger. Dette er standarden for de fleste digitale bildeformater og skjermer i dag – den kalles «true color».

Når du skriver inn 79, 70, 229 i verktøyet, betyr det 79 enheter rødt, 70 enheter grønt og 229 enheter blått. Dette er ikke prosenter, men absolutte intensitetsverdier på den lineære 0–255-skalaen. Verktøyet godtar ikke verdier utenfor dette området – skriver du 300 eller -5, vises feilmeldingen: «Enter RGB as three numbers 0–255, like 79, 70, 229.»

Heksadesimale fargekoder – struktur og kortere former

En heksadesimal fargekode (hex) består av et #-tegn etterfulgt av seks heksadesimale sifre. Hvert par representerer én kanal: de to første for rødt, de to neste for grønt, de to siste for blått. Heksadesimale sifre går fra 0 til 9 og deretter A til F, der A = 10, B = 11, C = 12, D = 13, E = 14 og F = 15.

Eksempel: #4F46E5 – 4F er rødt (79 i desimal), 46 er grønt (70 i desimal), E5 er blått (229 i desimal).

Det finnes en tresifret forkortelse som brukes når hvert kanalpar består av to like sifre. For eksempel kan #AABBCC skrives som #ABC. Verktøyet genererer ikke automatisk denne forkortelsen – #4F46E5 forblir #4F46E5 selv om ingen par er like. Derimot aksepterer heks-inndatafeltet tresifrede forkortelser (f.eks. #abc), som verktøyet ekspanderer internt ved å duplisere hvert siffer: #abc blir #AABBCC.

Heks-koden er ikke sensitiv til store og små bokstaver – #4f46e5 er det samme som #4F46E5. De fleste stilark bruker store bokstaver for lesbarhet, men nettlesere behandler begge likt.

Konverteringsmatematikken: desimal til heksadesimal

Konverteringen av en RGB-verdi til en tosifret heksadesimal kode er enkel og eksakt. Du deler desimalverdien på 16 for å finne første siffer, og resten gir andre siffer.

La oss ta eksempelet rød = 79:

1. 79 ÷ 16 = 4 med rest 15. Første siffer er 4.
2. Rest 15 tilsvarer heksadesimalt siffer F. Andre siffer er F.
3. Resultat: 4F (eller 4f).

Grønn = 70:

1. 70 ÷ 16 = 4 med rest 6. Første siffer er 4, andre siffer er 6.
2. Resultat: 46.

Blå = 229:

1. 229 ÷ 16 = 14 med rest 5. Første siffer (14) er E i heksadesimal. Andre siffer er 5.
2. Resultat: E5.

Hele heks-koden blir #4F46E5. Denne matematikken gjelder for alle verdier i 0–255-området:

Merk at verdier under 16 får et innledende null-siffer – 15 blir 0F, ikke bare F. Derfor er heks-koder alltid seks sifre når de representerer full 8-bits RGB.

sRGB-arbeidsrommet og tapsfri konvertering

sRGB (standard Red Green Blue) er et standardisert fargerom utviklet av HP og Microsoft i 1996, og er i dag standard for visning på web, de fleste skjermer, digitale kameraer og bildefiler. Fordi både RGB-innsatsen (0–255) og heks-utdataen beskriver samme sRGB-rom, blir konverteringen mellom dem eksakt og reversibel – det er ikke noe tap av informasjon.

Dette står i motsetning til konvertering mellom RGB og for eksempel CMYK (cyan, magenta, gul, svart), som er et subtraktivt fargerom for trykk. CMYK har et mindre fargespekter enn sRGB, og konvertering krever fargetilpasning («gamut mapping») som gir en tilnærming, ikke en eksakt kopi. Med RGB ↔ heks er situasjonen annerledes: hver RGB-tripel tilsvarer nøyaktig én hekskode og omvendt.

Det betyr at du kan konvertere frem og tilbake så mange ganger du vil uten å miste fargeinformasjon. Verktøyet viser dette ved å oppdatere alle formatfelt samtidig – når du endrer RGB, endres heks-verdien umiddelbart, og når du endrer heks, oppdateres RGB-feltene.

Heksadesimale farger i CSS og designverktøy

I CSS (Cascading Style Sheets) er heksadesimale fargekoder den mest brukte måten å spesifisere farger på. De tre vanligste egenskapene som bruker heks er:

color: #4F46E5;         /* Tekstfarge */
background-color: #4F46E5; /* Bakgrunnsfarge */
border-color: #4F46E5;    /* Kantlinjefarge */

CSS støtter også en åttesifret heks-notasjon (#RRGGBBAA) der de to siste sifrene angir alfa (gjennomsiktighet). Verktøyet på denne siden konverterer ikke til eller fra alfaverdier – standardheks er uten alfakanal. Hvis du trenger alfa, må du legge til AA manuelt eller bruke rgba()-notasjon.

Designprogrammer som Photoshop, Figma og Sketch kan eksportere farger som RGB-tripeler, men de fleste web-orienterte verktøy og utviklere foretrekker heks-koder fordi de er kompakte, lesbare og direkte støttet i alle nettlesere. Heks-koder er også vanlig i SVG, i inline-stiler og i CSS-rammeverk som Tailwind og Bootstrap.

Inndataformatering og vanlige fallgruver

RGB-innsatsen kan leveres med komma eller mellomrom som skilletegn – 79 70 229 fungerer like godt som 79, 70, 229. Ekstra mellomrom før eller etter tall ignoreres. Verktøyet forventer tre tall; færre eller flere gir feilmelding.

Vanlige feil brukere gjør:

• Utenfor 0–255: 256, 0, 0 eller -1, 128, 64 aksepteres ikke. Husk at 255 er maksimum.
• Prosenter i stedet for absolutte verdier: 50%, 30%, 90% tolkes ikke riktig. Verktøyet forventer 0–255-skalaen, ikke 0–100 %. For å konvertere prosenter til 0–255, multipliser med 2,55 (50 % × 2,55 = 127,5 → avrund til 128).
• Bruk av desimaltall: 79.5, 70, 229 vil sannsynligvis bli avvist eller avrundet. Verktøyet er designet for heltall.
• Manglende # for heks: Hvis du skriver 4F46E5 i heks-feltet, tolker verktøyet det riktig, men du bør alltid inkludere # for tydelighetsskyld.
• Forvirring mellom seks- og tresifret heks: Som nevnt aksepteres #abc, men utdata er alltid sekssifret.

Hvis du skriver ugyldige verdier, vises feilmeldingen: «Enter RGB as three numbers 0–255, like 79, 70, 229.» Ingen data sendes til server – alt skjer lokalt i nettleseren din.

Ofte stilte spørsmål

Hvorfor er heks-koden alltid seks sifre, ikke tre? Konverteringsalgoritmen produserer alltid to heks-sifre per kanal. Verktøyet forkorter ikke automatisk til tresifret form, selv om det er mulig når begge sifrene i et par er like. Du kan imidlertid skrive inn en tresifret forkortelse, og den blir utvidet.

Hva skjer hvis jeg skriver inn 256 eller -1? Verktøyet godtar bare tall i området 0–255. Hvis du skriver tall utenfor dette, vises feilmeldingen: «Enter RGB as three numbers 0–255, like 79, 70, 229.»

Kan jeg konvertere med alfakanal? Nei, standard heks-utdata har seks sifre og ingen alfakanal. Hvis du trenger alfa (gjennomsiktighet), bruk notasjon som rgba(79, 70, 229, 0.5) eller legg til alfakanalen manuelt i en åttesifret heks-kode.

Er konverteringen reversibel? Ja, fordi RGB og heks begge beskriver sRGB-fargerommet, kan du konvertere frem og tilbake uten tap av informasjon. Hver RGB-tripel tilsvarer én og bare én heks-kode i dette fargerommet.

Hvorfor viser verktøyet forskjellige farger på ulike skjermer? Verktøyet konverterer nøyaktig til sRGB, men selve skjermen din kan ha et annet fargerom (f.eks. DCI-P3 eller Adobe RGB). sRGB er det universelle kompromisset, men ulik skjermkalibrering kan påvirke den visuelle gjengivelsen. Heks-koden er imidlertid den samme på alle enheter.

Må jeg skrive heks-kode med store bokstaver? Nei, heks-koder er ikke case-sensetive. #4F46E5 og #4f46e5 tolkes likt av nettlesere. Verktøyet viser store bokstaver for lesbarhet, men du kan skrive små bokstaver.