Farvekonverter
Indtast en hex-farvekode for at se dens RGB- og HSL-ækvivalenter med individuelle røde, grønne og blå kanalværdier.
Sådan bruger du denne farvekonverter
- Indtast hex-farvekoden
Indtast en 6-cifret hex-kode i feltet Hex-farvekode (f.eks. FF6B35 eller 00FF88). Udelad #-symbolet.
- Læs RGB-værdierne
Resultaterne for den røde kanal, grønne kanal og blå kanal viser 0–255-værdierne for hver komponent.
- Tjek HSL-outputtet
Gennemse HSL-resultatet for nuance (0–360°), mætning og lysstyrke — nyttigt til farvejusteringer.
Sådan fungerer denne farvekonverter
Dette værktøj konverterer en hexadecimal farvekode til RGB (rød, grøn, blå) og HSL (farvetone, mætning, lysstyrke) repræsentationer. Hvert hex-par svarer til en 8-bit kanalværdi (0–255), og HSL-konverteringen bruger standard farverumsmatematik.
R = hex[0:2] → decimal; G = hex[2:4] → decimal; B = hex[4:6] → decimal Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — ren sort.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — ren hvid. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — mellemgrå.
- ✓ Input er en gyldig 6-cifret hex-farvekode.
- ✓ Alfa-kanal understøttes ikke i denne version.
- CMYK-konvertering kræver en farveprofil og er ikke inkluderet her.
Forståelse af farvemodeller
HEX, RGB og HSL er forskellige måder at beskrive den samme farve på. HEX koder RGB som en 6-cifret hexadecimal streng: hvert par af tegn er én 8-bit kanal (0–255). RGB udtrykker de samme værdier som tre tal, de additive primærfarver, som skærme udsender. HSL (Hue, Saturation, Lightness) er en cylindrisk model: nuance (hue) er vinklen på farvehjulet (0° rød, 120° grøn, 240° blå), mætning (saturation) er farveintensitet, og lysstyrke (lightness) er lyshed. Designere foretrækker ofte HSL, når de justerer farver programmatisk — ændring af lysstyrke alene gør farven mørkere eller lysere uden at ændre nuancen, og justering af mætning ændrer farvens intensitet.
Udvikleres anvendelsesscenarier for farvekonvertering
Udviklere konverterer farver, når de bygger designsystemer, implementerer temaer, genererer farvepaletter og fejlsøger CSS. Design-tokens gemmer ofte farver i hex; konvertering til RGB eller HSL muliggør beregninger i realtid, såsom opacitets-overlays eller tilgængelighedstjek af kontraster. Temavælgere kan have brug for at udlede lysere eller mørkere varianter fra en grundfarve ved hjælp af HSL. Automatiserede tilgængelighedsværktøjer konverterer farver for at beregne luminans og kontrastforhold. Ved fejlsøgning af layout- eller temabugs hjælper det at se en hex-værdi som RGB eller HSL med at identificere, hvilken kanal der er forkert. Farvekonvertering bruges også i datavisualisering, diagrambiblioteker og dynamisk UI-tematisering.
Ofte stillede spørgsmål
Kan jeg indtaste en 3-cifret hex-kode?
I øjeblikket forventer dette værktøj en 6-cifret kode. For 3-cifrede forkortelser som F60, skal de først udvides til FF6600.
Hvad er HSL?
HSL står for Hue, Saturation, Lightness. Det er en alternativ måde at beskrive farver på, som nogle designere finder mere intuitiv end RGB.