🟢 Beginner

RGB til HEX farge-omregner

Konverter RGB-fargeverdier til HEX-koder øyeblikkelig. Uunnværlig for webdesign, CSS og grafisk design. Denne gratis omregneren gir øyeblikkelige, nøyaktige resultater.

Farge og HEX-farger forklart

RGB (Rød, Grønn, Blå) og HEX (hexadecimal) er to måter å representere samme farger — de bruker bare forskjellige notasjonssystemer. Begge beskriver farger ved å blande tre primære lysfarger (rød, grønn, blå) på ulike intensiteter. For å forstå begge systemer er essensielt for webdesign, CSS, grafisk design, fotoredigering og digital kunst.

I RGB-modellen, hver av de tre kanalerne (rød, grønn, blå) har en intensitetverdi fra 0 til 255. Null betyr ingen av denne fargen; 255 betyr maksimal intensitet. Ved å blande alle tre på 255 får man hvitt (rgb(255,255,255)). Ved å ha alle tre på 0 får man svart (rgb(0,0,0)). Med 256 mulige verdier per kanal og 3 kanaler kan RGB representere 256³ = 16 777 216 forskjellige farger (om lagt til 16,7 millioner).

I HEX-modellen, samme tre kanaler uttrykkes hver som en 2-sifret hexadecimal-tall (00 til FF), prefiks med #. Hexadecimal bruker tallene 0–9 og bokstavene A–F, hvor A=10, B=11, C=12, D=13, E=14, F=15. FF i hex = 15×16 + 15 = 255 i desimal. Så #FFFFFF = rgb(255,255,255) = hvitt. Omvendelsen er bare en base-endring: desimal (base 10) til hexadecimal (base 16).

Hva er RGB til HEX: Trinn-for-trinn

For å omvende hver RGB-kanal til hex krever det å dele med 16 og uttrykke kvotienten og resten som hex-sifre:

Tag verdien på kanalen (0–255)
Del på 16: kvotient = første hex-siffer, rest = andre hex-siffer
Omforme begge til hex hvis de er 10–15 (A–F)
Kombiner: første siffer + andre siffer = 2-sifret hex-verdi
Gjenta for G og B-kanalene
Konkatenere: # + R_hex + G_hex + B_hex

Eksempel: Omvend rgb(255, 99, 71) til hex (Tomato rød).

R=255: 255÷16=15 rest 15 → F + F → FF
G=99: 99÷16=6 rest 3 → 6 + 3 → 63
B=71: 71÷16=4 rest 7 → 4 + 7 → 47
Resultat: #FF6347

Desimal	÷16 Kvotient	Rest	Hex
0	0	0	00
16	1	0	10
128	8	0	80
160	10 (A)	0	A0
200	12 (C)	8	C8
238	14 (E)	14 (E)	EE
255	15 (F)	15 (F)	FF

Vanlige webbfarger: RGB og HEX-referanse

Her er en omfattende referansebord for de mest brukte webbfargene:

Farge	HEX	RGB	Brug
Hvit	#FFFFFF	rgb(255,255,255)	Bakgrunn, tekst på mørk
Svart	#000000	rgb(0,0,0)	Tekst, kontrasterte bakgrunner
Rød	#FF0000	rgb(255,0,0)	Varsler, feil, stoppsignaler
Lime	#00FF00	rgb(0,255,0)	Velgesignaler
Blå	#0000FF	rgb(0,0,255)	Lenker, primær farger
Gul	#FFFF00	rgb(255,255,0)	Varsler, høydepunkter
Syan	#00FFFF	rgb(0,255,255)	Accent, moderne UI
Magenta	#FF00FF	rgb(255,0,255)	Accent, høydepunkt
Orange	#FFA500	rgb(255,165,0)	Oppring, energi
Lilla	#800080	rgb(128,0,128)	Luxus, kreativ
Grå	#808080	rgb(128,128,128)	UI-elementer, nøytral
Navy	#000080	rgb(0,0,128)	Profesjonell, tillit
Tomato	#FF6347	rgb(255,99,71)	Varm rød, matapplikasjoner
Coral	#FF7F50	rgb(255,127,80)	Vennlig, varm design
Teal	#008080	rgb(0,128,128)	Profesjonell, balansert

Bruke RGB og HEX i CSS og webdesign

CSS aksepterer flere fargeformer. HEX og RGB er de mest vanlige, men moderne CSS støtter også HSL, navngitte farger og de nye oklch og oklch-fargeområdene for bredere fargespaser.

I CSS kan farger spesifiseres som:

color: #FF6347; (HEX)
color: rgb(255, 99, 71); (RGB)
color: rgba(255, 99, 71, 0.5); (RGB + alfa-transparens, 0=transparent, 1=opaq)
color: hsl(9, 100%, 64%); (Hue, Saturation, Lightness)
color: tomato; (CSS navngitt farge)

HEX-koder kan også skrives i 3-sifret forkortelse når hver par er en gjentatt siffer: #FF0000 = #F00, #FFFFFF = #FFF, #336699 kan ikke forkortes. Forkortelsen halverer tastetid og er støttet i alle browsere.

For å sikre designkonsistens, moderne designsystemer (Material Design, Tailwind CSS, Bootstrap) bruker fordefinerte fargepaletter uttrykt som HEX-koder. Tailwind CSS, for eksempel, tilbyr 22 fargefamilier hver med 10 skjær (grå-100 til grå-900), alle spesifisert som HEX-koder i konfigurasjonsfilen.

RGBA og Alfa-Transparens

RGBA legger til en fjerde kanal til RGB: alfa, som kontrollerer transparens. Alfa-verdier strekker seg fra 0 (fullt gjennomlys, usynlig) til 1 (fullt ugensynlig, ingen transparens). Dekimale verdier skaper halv-gjennomlys farger.

Eksempler: rgba(0, 0, 0, 0,5) er halv-gjennomlys svart (som en gjennomlys overlag). rgba(255, 255, 255, 0,8) er en 80% ugensynlig hvit. Dette brukes mye til overlag-effekter, glasliknende UI-elementer og hover-stater.

I moderne CSS finnes også HEX med alfa: 8-biter hex-koder hvor de siste 2 biter angir alfa. #FF6347CC ville være tomat med 80% gjennomlys (CC i hex = 204 i desimal; 204/255 ≈ 0,8). Dette formatet ble introdusert i CSS Color Level 4-spesifikasjonen og støttes i alle moderne nettlesere.

Det motsvarende i RGBA er enklere for mennesker: rgba(255, 99, 71, 0,8) vs #FF6347CC. Hvilken format du bruker avhenger av personlig preferanse og verktøy – designverktøy som Figma viser og eksporterer vanligvis i HEX, mens CSS-preprosessorer (Sass, Less) ofte bruker RGBA på grunn av sin leselighet.

Farge-teori for designers

Forståelsen av RGB-farge-modellen går hånd-i-hånd med forståelsen av farge-teori. RGB er en additiv farge-modell – farger skapes ved å legge til lys. Blending R+G+B på full intensitet = hvitt (alle lys). Dette er motsatt av subtraktiv farge (pigment/print), hvor blanding av alle farger = svart.

Komplementære farger i RGB sitter på hverandre på fargehjulet. Rød (FF0000) og cyan (00FFFF) er komplementære – merke at cyan's RGB er det bitvise motsatte av rød (0,255,255 vs 255,0,0). Likedan er blå og gul, grønn og magenta. Komplementære par skaper maksimal kontrast og visuell vibrasjon når de står ved siden av hverandre.

Fargeharmoni leder utvalget av farger som fungerer godt sammen: analoge (nærmest på hjulet), triadiske (tre likt-spredte farger), split-komplementære og tetradiske (fire farger som danner et rektangel). Disse relasjoner hjelper designers å skape paletter som føles intentionelle og visuelt balanserte.

Åpenhet og kontrast: WCAG (Web Content Accessibility Guidelines) krever en minimumskontrast mellom tekst og bakgrunn: 4,5:1 for normal tekst, 3:1 for stor tekst. Kontrastforholdet regnes ut fra relativ lysstyrke av RGB-verdiene. Mange nettverktøyer sjekker WCAG-komplianse – dette er viktig for brukere med lav synskap eller fargesynssvikt.

Fargeområder utenfor RGB: HSL, HSB, CMYK

RGB er ikke alltid den mest intuitiv systemet for å velge farger. Alternativ fargeområder kan være mer praktiske for forskjellige brukssammenhenger:

Fargeområde	Komponenter	Best for	Brukes i
RGB	Rød, Grønn, Blå (0–255 hver)	Skjermvisning, nett	CSS, skjermer, kameraer
HEX	#RRGGBB (sammenlignende med RGB)	Webutvikling	CSS, HTML, designverktøy
HSL	Farve (0–360°), Saturation (%), Lysstyrke (%)	Intuitiv fargejustering	CSS, designverktøy
HSB/HSV	Farve, Saturation, Hellighet/Variabel	Fargepikker UI	Photoshop, Illustrator
CMYK	Syan, Magenta, Gul, Nyans (Svart)	Trykkdesign	InDesign, trykkprosesser
Pantone	Standardiserte fargekoder	Merkevare-konsistens	Fysiske produkter, trykk

HSL er spesielt designer-vennlig: farge velger fargen (0°=rød, 120°=grønn, 240°=blå), saturasjon kontrollerer hvor intens den er (0% er grå, 100% er ren farge), og lysstyrke kontrollerer lysstyrke (0% er svart, 50% er ren farge, 100% er hvitt). Ved å justere bare lysstyrke mens farge og saturasjon er konstante skaper en konsistent farge-skala – svært nyttig for å skape hover-stater, deaktiverede stater og tiner/nyanser av et merkefarge.

Ofte stilte spørsmål

Hvordan konverterer jeg RGB til HEX manuelt?

Konverter hver kanal (0–255) til 2-delt hex: dele av 16 for det første tegnet, bruk resten som det andre tegnet (hvor 10–15 = A–F). Sammenkoble alle tre resultater etter #. Eksempel: rgb(128, 0, 255) → 128=80, 0=00, 255=FF → #8000FF (purpur).

Er det mulig å bruke HEX-koden for hvitt?

#FFFFFF. Hvit i RGB er (255,255,255) — maksimal intensitet for alle tre kanaler. I hex er 255 = FF. Så hvitt er #FF+FF+FF = #FFFFFF. Den 3-bokstavs forkortelsen er #FFF.

Kan jeg bruke RGB i CSS?

Ja. CSS aksepterer både rgb(255, 128, 0) og #FF8000 — de produserer identiske resultater. RGB brukes noen ganger for å forbedre leselighet; HEX for å spare plass. RGBA legger til transparens: rgba(255, 128, 0, 0.7) for 70% gjennomstrømmende oransje.

Hva er forskjellen mellom HEX og RGB?

De representerer samme informasjon i forskjellige notasjoner. RGB bruker tre desimale tall (0–255). HEX bruker tre 2-delt hexadecimale verdier (00–FF). HEX er mer kompaktt (7 tegn vs 15+) og er den dominerende formatet i CSS og design-verktøy. Konvertering mellom dem er nøkkel-til-nøkkel — ingen informasjon blir tapt.

Hvorfor bruker HEX base 16?

Base 16 (hexadecimal) er komfortabelt for å kode 8-bits-verdier (0–255) i praksis 2 tegn. To hex-tegn representerer hver 4 bit, totalt 8 bit = 1 byte. Tre RGB-byter (24 bit) blir til en 6-bokstav hex-kode. Dette kompaktheten og overensstemmelsen med datamaskinens binære er hvorfor hex er standard i datamaskinene.

Hva er en 8-bokstav HEX-kode (som #RRGGBBAA)?

En 8-bokstav HEX-kode inkluderer en alfa-kanal som de siste 2 tegn (00=usynlig, FF=fullt synlig). #FF6347CC = Tomat på ca. 80% gjennomstrømming (CC hex = 204 desimal; 204/255 ≈ 0,8). Støttet i alle moderne nettlesere. Mindre vanlig enn RGBA-notasjon, men likt.

Hva er fargen som har lik RGB-verdier?

Når R=G=B, er resultatet alltid en skjær av grå. rgb(0,0,0) = svart, rgb(128,128,128) = middelgrå (#808080), rgb(255,255,255) = hvit. Gråskalaen går fra #000000 til #FFFFFF gjennom likt skritt.

Hvorfor påvirker fargekontrast tilgjengelighet?

WCAG 2.1 krever en kontrastforhold på 4,5:1 mellom normal tekst og bakgrunnen (3:1 for store tekster og UI-komponenter). Kontrastforholdet beregnes fra relativ lysstyrke, som er avledet fra RGB-verdier. Hvis kontrastkravene ikke oppfylles, gjør innholdet utilgjengelig for brukere med nedsatt syn eller i lysende lysforhold.

Hva er HSL og hvordan relaterer det til HEX?

HSL (Hue, Saturation, Lightness) er en alternativ CSS-farge modell designet for å være mer intuitiv for mennesker. hsl(0, 100%, 50%) er ren rød = #FF0000. Konverter ved å beregne RGB-verdiene fra HSL ved hjelp av farge modell transform, så konverter RGB til HEX. CSS støtter HSL direkte, så du kan bruke det uten å konvertere.

Kan jeg få HEX-koden fra en fargepikker i design-verktøy?

Ja. Alle store design-verktøy (Figma, Adobe XD, Photoshop, Sketch, Canva) viser HEX-koder når du klikker på en farge. I Figma, klikk på fargefyll i egenskapspanelen for å se og kopiere HEX-koden. I Photoshop, viser fargepikker-vinduet HEX i bunnen. Browser DevTools (Inspektér element → Stiler) viser også fargeverdier som kan endres til HEX-format.

{ “@context”: “https://schema.org”, “@type”: “FAQPage”, “mainEntity”: [ { “name”: “How do I convert RGB to HEX manually?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “Convert each channel (0–255) to 2-digit hex: divide by 16 for the first digit, use the remainder as the second digit (where 10–15 = A–F). Concatenate all three results after #. Example: rgb(128, 0, 255) → 128=80, 0=00, 255=FF → #8000FF (purple).” } }, { “name”: “What is the HEX code for white?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “#FFFFFF. White in RGB is (255,255,255) — maximum intensity for all three channels. In hex, 255 = FF. So white is #FF+FF+FF = #FFFFFF. The 3-character shorthand is #FFF.” } }, { “name”: “Can I use RGB in CSS?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “Yes. CSS accepts both rgb(255, 128, 0) and #FF8000 — they produce identical results. RGB is sometimes preferred for readability; HEX for brevity. RGBA adds transparency: rgba(255, 128, 0, 0.7) for 70% opaque orange.” } }, { “name”: “What is the difference between HEX and RGB?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “They represent the same information in different notations. RGB uses three decimal numbers (0–255). HEX uses three 2-digit hexadecimal values (00–FF). HEX is more compact (7 characters vs 15+) and is the dominant format in CSS and design tools. Conversion between them is exact — no information is lost.” } }, { “name”: “Why does HEX use base 16?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “Base 16 (hexadecimal) conveniently encodes 8-bit values (0–255) in exactly 2 characters. Two hex digits represent 4 bits each, totaling 8 bits = 1 byte. Three RGB bytes (24 bits) become a 6-character hex code. This compactness and alignment with computer binary is why hex is standard in computing.” } }, { “name”: “What is an 8-digit HEX code (like #RRGGBBAA)?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “An 8-character HEX code includes an alpha channel as the final 2 digits (00=transparent, FF=opaque). #FF6347CC = Tomato at ~80% opacity (CC hex = 204 decimal; 204/255 ≈ 0.8). Supported in all modern browsers. Less common than RGBA notation but equivalent.” } }, { “name”: “What color has equal RGB values?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “When R=G=B, the result is always a shade of gray. rgb(0,0,0) = black, rgb(128,128,128) = medium gray (#808080), rgb(255,255,255) = white. The grayscale range runs from #000000 to #FFFFFF through equal-step gray values.” } }, { “name”: “How does color contrast affect accessibility?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “WCAG 2.1 requires a 4.5:1 contrast ratio between normal text and its background (3:1 for large text and UI components). Contrast ratio is calculated from relative luminance, which is derived from RGB values. Failing to meet contrast requirements makes content inaccessible to users with low vision or in bright lighting conditions.” } }, { “name”: “What is HSL and how does it relate to HEX?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “HSL (Hue, Saturation, Lightness) is an alternative CSS color model designed to be more intuitive for humans. hsl(0, 100%, 50%) is pure red = #FF0000. Convert by calculating the RGB values from HSL using the color model transform, then convert RGB to HEX. CSS supports HSL directly, so you can use it without converting.” } }, { “name”: “Can I get the HEX code from a color picker in design tools?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “Yes. All major design tools (Figma, Adobe XD, Photoshop, Sketch, Canva) display HEX codes when you click a color. In Figma, click the fill color in the properties panel to see and copy the HEX code. In Photoshop, the Color Picker window shows HEX at the bottom. Browser DevTools (Inspect Element → Styles) also show color values that can be changed to HEX format.” } } ] }

Farge tilgjengelighet og kontrastforhold

Webtilgjengelighetsveiledningene (WCAG 2.1) fastsetter minimumsforhold mellom tekst og bakgrunnsfarger for å sikre leselighet for brukere med dårlig syn eller fargesynssvikt. Ca. 8% av menn har noen form for fargesynssvikt, noe som gjør at tilgjengelige fargevalg er et etisk og lovmessig krav for profesjonell webdesign.

Kontrastforholdet mellom to farger beregnes fra deres relativ lysstyrke: kontrastforhold = (L1 + 0,05) / (L2 + 0,05), hvor L1 er den lysere fargens lysstyrke og L2 er den mørkere. Relativ lysstyrke er avledet fra RGB-verdiene via en gamma-korreksjonsformel: for hver kanal verdi v = V/255, hvis v ≤ 0,03928 da lineær = v/12,92, ellers lineær = ((v+0,055)/1,055)^2,4. Så L = 0,2126×R + 0,7152×G + 0,0722×B.

Minimumsforhold: Nivå AA krever 4,5:1 for normal tekst (under 18pt eller 14pt fet) og 3:1 for stor tekst. Nivå AAA krever 7:1 for normal tekst og 4,5:1 for stor tekst. De vanligste feilene er lys grå tekst på hvit bakgrunn (#999999 på hvit har bare et forhold på 2,85:1, som ikke oppfyller AA-nivået) og mørk tekst på mørk bakgrunn.

Tekst / Bakgrunnskombinasjon	Kontrastforhold	WCAG AA Normal	WCAG AA Stor
Sort #000 / Hvit #FFF	21:1	✓ Pass	✓ Pass
Mørk blå #003366 / Hvit	12,2:1	✓ Pass	✓ Pass
Middel grå #767676 / Hvit	4,54:1	✓ Pass	✓ Pass
Lys grå #999 / Hvit	2,85:1	✗ Feil	✗ Feil
Gul #FFFF00 / Hvit	1,07:1	✗ Feil	✗ Feil
Hvit #FFF / Mørk blå #003366	12,2:1	✓ Pass	✓ Pass

Bygging av fargepalett: Fra HEX til designsystem

Ett profesjonelt fargepalett inneholder som regel en primær farge, sekundære akseptfarger, neutrale gråer og semantiske farger (suksessgrønn, varselgul, feilrød, informasjonsblå). Hver basisfarge krever flere skjær for forskjellige UI-stater.

Fra en primær farge som #3B82F6 (Tailwinds blå-500), kan du derivere en 10-skala ved å justere lysstyrke i HSL-rommet: blå-50 (#EFF6FF, meget lys), blå-100 (#DBEAFE), gjennom til blå-900 (#1E3A5F, meget mørk). Designtoken kartlegger så disse skjærene til semantiske bruk: primær-knapp-bakgrunn = blå-600, primær-knapp-høyre = blå-700, primær-knapp-tekst = hvit, osv.

Når du bygger en fargepalett, må du vurdere: 60-30-10-regelen — 60% dominerende farge (vanligvis en neutralfarge), 30% sekundær farge, 10% akseptfarge. Sikre at alle tekstkombinasjoner oppfyller WCAG AA-kontrastforhold. Test farger under forskjellige lysforhold og enhets-skjermer. Regnes med mørk modus (som kan kreve forskjellige skjærverdier for å opprettholde kontrasten). Et godt designet fargepalett i kode er 8–15 HEX-verdier som dekker alle brukersteder konsistent.

Fargepsykologi i design og markedsføring

Farger utløser psykologiske og emosjonelle respons, noe som gjør at fargevalg er en strategisk beslutning i branding og UI-design. Fargepsykologisk forskning (selv om den noen ganger er overdrevet i populærkulturen) gir nyttige generelle retningslinjer for å designe effektive visuelle opplevelser.

Rød (#FF0000 range): Energi, nødvendighet, lidenskap, farlig. Brukt til salg ("Salg!"-skilt er typisk røde), nødvarsler, stoppsignaler og matmerker (Coca-Cola, McDonald's, KFC - rød stimulerer appetitten og skaper nødvendighet). Høykontrast rød er utmerket for kalles-til-aksjoner når du ønsker umiddelbar brukeraksjon.

Blå (#0000FF range): Tillit, profesjonalitet, stabilitet, ro. Den dominerende fargen i finans og teknologi branding (Facebook, Twitter/X, LinkedIn, PayPal, IBM, Samsung). Studier viser at blå er den globale foretrukne fargen overfor kulturer. Lyseblå signalerer åpenhet og vennlighet; mørk sjøblå signalerer autoritet og ekspertise.

Grønn (#00FF00 range): Natur, helse, vekst, suksess (penger i USA). Brukt mye i helse- og velværsmerker, finansielle appar (positive returvisninger vist i grønn), miljøorganisasjoner og "gå"-signaler. Midt-toner som #28A745 (Bootstrap-suksessgrønn) signalerer positive tilstander i UI uten å være aggressiv.

Gul/oransje range: Optimisme, energi, kreativitet, advarsel. Gul er meget synlig (byggeplakater, taxibiler) men vanskelig å lese som tekst på hvit. Oransje (#FFA500 range) brukes ofte til kalles-til-aksjoner - det er synlig og energisk uten nødvendighet/advarselssignalet i rød.

Fargefamilie	Typisk HEX-range	Emosjonelle assosiasjoner	Merkeeksamper
Rød	#CC0000–#FF6666	Nødvendighet, energi, appetitt	Coca-Cola, Netflix, YouTube
Blå	#003399–#66AAFF	Tillit, ro, profesjonalitet	Facebook, LinkedIn, PayPal
Grønn	#006600–#66FF66	Natur, helse, vekst	Whole Foods, Spotify, Starbucks
Oransje	#CC5500–#FFAA44	Energi, kreativitet, varme	Amazon, Harley-Davidson
Lilla	#440088–#AA66CC	Luxus, visdom, kreativitet	Cadbury, Hallmark, Twitch
Sort	#000000–#333333	Avansert, makt, eleganse	Apple, Chanel, Nike

Arbeide med farger i populære designverktøy

Hver større designverktøy har sin egen fargefløyd. Forstå hvordan å arbeide med HEX og RGB effektivt i verktøyet sparer betydelig tid i profesjonell designarbeid.

Figma: Klikk på noen fylt element → Egenskapspanelen viser fargefyll → Klikk på fargekoden for å åpne fargepikeren. Du kan skrive inn HEX-verdier direkte eller bytte til RGB, HSL eller HSB-modus. Figma støtter også gjennomsiktighet via separat gjennomsiktighetsfelt og RGBA-notasjon. Kopier og lime HEX-koder mellom Figma og CSS uten omformulering.

Adobe Photoshop: Åpne Fargepikeren (forgrunnsfarge/ bakgrunnsfarge-kvadrater). Bunn av pikeren viser HEX-koden i tekstfeltet. Høyreklikk på fargekoder for å legge til dem til din palett. Øyeklikker-verktøyet sampler noen farge på skjermen - hover for å se HEX-koden i informasjonspanelet.

Browser DevTools: Inspektér noen element → Stilpanelet viser CSS-fargeverdier → Klikk på fargekoden ved siden av noen fargeegenskap for å åpne en inline-pikker. DevTools kan vise farger som HEX, RGB, HSL eller navn - klikk på fargevisningen for å gå gjennom formatene. Dette er uvurderlig for å reversere designbeslutninger fra eksisterende nettsteder.

VS Code: Fargekoder (fargetepper) vises ved siden av HEX- og RGB-verdier i CSS-filer. Hovering viser en pikker. Fargekoder-tillegget legger til fargevisninger for alle fargeformer. Emmet-abbrasioner som c:f utvides til color: #fff; for vanlige farger.

Bruke denne RGB til HEX-konverteren

Skriv inn verdiene for rød, grønn og blå kanal (hver mellom 0 og 255). Konverteren viser HEX-fargekoden klar til å lime inn i CSS, HTML eller noen design-verktøy. Verdier utenfor 0–255 blir automatisk klemmet inn. Konverteren viser også den inverse operasjonen: skriv inn en HEX-kode for å få ut RGB-brytningen. Bruk denne verktøyet når et design-verktøy gir deg en RGB-verdi, men din CSS-stil bruker HEX-format, eller når du kopierer farger mellom ulike applikasjoner som bruker forskjellige format. HEX-koden som utdata inkluderer ledende #-symbol for direkte lime inn i CSS-fargeegenskaper. Alle 16,7 millioner RGB-fargekombinasjoner kartes til en unik 6-sifret HEX-kode uten ambiguitet eller avrundning.