🎨 Farvekonverter

Et omfattende værktøj til farvekonvertering til webdesignere og udviklere. Konverter mellem forskellige farveformater som HEX, RGB, HSL og HSV i realtid, og forhåndsvis dem med det samme. Find intuitivt dine ønskede farver med farvevælgeren og skyderne, eller arbejd hurtigt med forudindstillede farver.

Vælg farve

Rød (0-255) — 102

Grøn (0-255) — 126

Blå (0-255) — 234

HEX

—

RGB

—

HSL

—

CMYK

—

Farveharmonier

Komplementær

Analoge

Triadisk

Opdelt komplementær

Forudindstillede farver

GUIDE

Laes mere

Hvad er farvekodekonvertering?

Farvekodekonvertering er processen med at oversætte mellem forskellige farverepræsentationsformater (HEX, RGB, HSL, HSV), der bruges i digitalt design. Det er vigtigt i webdesign, grafisk design og appudvikling. Hvert farvekodeformat har sine egne fordele, så det er vigtigt at vælge det rette format til den konkrete situation.

Vigtige farvekodeformater

HEX: #RRGGBB-format, mest udbredt på web (f.eks. er #FF0000 rød). RGB: rgb(255, 0, 0)-format, 0-255-område pr. kanal, understøtter gennemsigtighed (rgba). HSL: hsl(0, 100%, 50%)-format, intuitiv justering via farvetone/mætning/lysstyrke. HSV: Ligner HSL, men med anden beregning af lysstyrke, bruges især i designsoftware.

Anvendelser i webdesign

HEX-koder bruges oftest i CSS (som brandfarver såsom #3498db), mens RGB er nyttigt til dynamisk farvestyring med JavaScript. HSL er særligt praktisk, når du skaber farvetemaer - ved kun at ændre Hue, mens mætning og lysstyrke bevares, kan du nemt opbygge ensartede farvepaletter.

Tilgængelighed og kontrast i farver

Ifølge WCAG-retningslinjerne for tilgængelighed er farvekontrasten mellem tekst og baggrund afgørende. Almindelig tekst kræver et minimumskontrastforhold på 4.5:1, mens stor tekst kræver 3:1. Når du bruger en farvekonverter, kan du justere værdien for Lightness for at sikre korrekt kontrast og bedre læsbarhed.

Farveharmoni og paletter

Metoder til at skabe harmoniske farvepaletter: Monokromatisk: Ændr kun Saturation/Lightness med samme Hue. Analoge: Variér Hue inden for 30 grader. Komplementær: Modsat Hue ved 180 grader. Triadisk: Placer Hues med 120 graders afstand (0°, 120°, 240°).

Tips til farvekonverteringsværktøjet

Designfase: Brug HSL til farvevalg (intuitivt). CSS-skrivning: Brug HEX eller RGB. JavaScript-animationer: RGB/RGBA (styring af opacitet). Generering af paletter: HSL (Hue-baserede variationer). Browserkompatibilitet: HEX er sikrest. Farvelagring: Dokumentér i alle formater.

Ofte stillede sporgsmal

Hvilket format skal jeg bruge i CSS: HEX, RGB eller HSL?

Alle tre repræsenterer de samme farver, så alle virker. HEX er almindeligt til faste brandfarver, RGBA når du har brug for gennemsigtighed, og HSL er praktisk, når du vil justere lysstyrke eller mætning, mens Hue forbliver den samme.

Ændrer konvertering af en farvekode den faktiske farve?

Nej, det ændrer kun den måde, samme farve skrives på. Farven på skærmen forbliver den samme, selvom afrunding under HSL/RGB-konvertering kan give meget små forskelle i værdierne.

Hvordan beregnes den komplementære farve?

Den lægger 180 grader til Hue-værdien i HSL og giver dermed den farve, der ligger direkte over for på farvehjulet. Saturation og Lightness forbliver de samme, så tonen matcher originalfarven.

Hvilken farve er det, når R, G og B er ens (f.eks. 128,128,128)?

Ens R-, G- og B-værdier betyder nul mætning, altså en gråtone. 0 er sort, 255 er hvid, og alt imellem er grå i en anden lysstyrke.

Hvad skal jeg tjekke for tekstkontrast?

Sammenlign Lightness-værdierne for tekst- og baggrundsfarverne. Almindelig tekst bør have et kontrastforhold på mindst 4.5:1 mod sin baggrund.