🎨 Fargekonverterer

Et omfattende verktøy for fargekonvertering for webdesignere og utviklere. Konverter mellom ulike fargeformater som HEX, RGB, HSL og HSV i sanntid og forhåndsvis dem umiddelbart. Finn ønskede farger intuitivt med fargevelgeren og skyveknappene, eller arbeid raskt med forhåndsinnstilte farger.

Velg farge

Rød (0-255) — 102

Grønn (0-255) — 126

Blå (0-255) — 234

HEX

—

RGB

—

HSL

—

CMYK

—

Fargeharmonier

Komplementær

Analoge

Triadisk

Splitt-komplementær

Forhåndsinnstilte farger

GUIDE

Les mer

Hva er fargekodekonvertering?

Fargekodekonvertering er prosessen med å oversette mellom ulike formater for fargegjengivelse (HEX, RGB, HSL, HSV) som brukes i digital design. Det er viktig i webdesign, grafisk design og apputvikling. Hvert fargekodeformat har sine egne fordeler, så det er viktig å velge riktig format for situasjonen din.

De viktigste fargekodeformatene

HEX: #RRGGBB-formatet, mest brukt på nett (for eksempel er #FF0000 rødt). RGB: rgb(255, 0, 0)-formatet, 0-255-område per kanal, støtter gjennomsiktighet (rgba). HSL: hsl(0, 100%, 50%)-formatet, intuitiv justering via hue/metning/lysstyrke. HSV: Ligner på HSL, men med en annen beregning av lysstyrke, og brukes hovedsakelig i designprogramvare.

Bruksområder i webdesign

HEX-koder brukes oftest i CSS (som merkevarefarger som #3498db), mens RGB er nyttig for dynamisk fargestyring med JavaScript. HSL er spesielt praktisk når du lager fargetemaer - ved bare å endre Hue mens du beholder metning og lysstyrke, kan du enkelt lage konsistente fargepaletter.

Fargegjengivelse og kontrast

I henhold til WCAG-retningslinjene for tilgjengelighet er kontrasten mellom tekst og bakgrunn avgjørende. Vanlig tekst krever et minimum kontrastforhold på 4.5:1, mens stor tekst krever 3:1. Når du bruker en fargekonverterer, kan du justere Lysstyrke-verdien for å sikre riktig kontrast og bedre lesbarhet.

Fargeharmoni og paletter

Metoder for å lage harmoniske fargepaletter: Monokromatisk: Endre bare Metning/Lysstyrke med samme Hue. Analoge: Varier Hue innenfor 30 grader. Komplementær: Motsatt Hue ved 180 grader. Triadisk: Plasser Hue 120 grader fra hverandre (0°, 120°, 240°).

Tips for verktøy for fargekonvertering

Designfase: Bruk HSL til fargevalg (intuitivt). CSS-skriving: Bruk HEX eller RGB. JavaScript-animasjoner: RGB/RGBA (styring av opasitet). Palettgenerering: HSL (Hue-baserte variasjoner). Nettleserkompatibilitet: HEX er tryggest. Fargelagring: Dokumenter i alle formater.

Vanlige sporsmal

Hvilket format bør jeg bruke i CSS: HEX, RGB eller HSL?

Alle tre representerer de samme fargene, så alle fungerer. HEX er vanlig for faste merkevarefarger, RGBA når du trenger gjennomsiktighet, og HSL er praktisk når du vil justere lysstyrke eller metning uten å endre hue.

Endrer konvertering av en fargekode selve fargen?

Nei, det endrer bare hvordan den samme fargen skrives. Fargen som vises på skjermen forblir den samme, selv om avrunding under HSL/RGB-konvertering kan gi små verdiforskjeller.

Hvordan beregnes komplementærfargen?

Den legger til 180 grader på Hue-verdien i HSL, og gir fargen som er direkte motsatt på fargehjulet. Metning og Lysstyrke forblir de samme, så tonen matcher originalfargen.

Hvilken farge er det når R, G og B er like (for eksempel 128,128,128)?

Like R-, G- og B-verdier betyr null metning, altså en gråtone. 0 er svart, 255 er hvitt, og alt imellom er grått med ulik lysstyrke.

Hva bør jeg sjekke for tekstkontrast?

Sammenlign Lysstyrke-verdiene for tekst- og bakgrunnsfargene. Vanlig tekst bør ha et kontrastforhold på minst 4.5:1 mot bakgrunnen.