Fargekonverterer
Skriv inn en hex-fargekode for å se tilsvarende RGB- og HSL-verdier med individuelle røde, grønne og blå kanalverdier.
Slik bruker du denne fargekonvertereren
- Skriv inn hex-fargekoden
Skriv inn en 6-sifret hex-kode i feltet for hex-fargekode (f.eks. FF6B35 eller 00FF88). Utelat #-symbolet.
- Les av RGB-verdiene
Resultatene for rød kanal, grønn kanal og blå kanal viser verdiene 0–255 for hver komponent.
- Sjekk HSL-resultatet
Se HSL-resultatet for fargetone (0–360°), metning og lysstyrke – nyttig for fargejusteringer.
Slik fungerer denne fargekonvertereren
Dette verktøyet konverterer en heksadesimal fargekode til RGB (rød, grønn, blå) og HSL (fargetone, metning, lysstyrke). Hvert heks-par tilsvarer en 8-bit kanalverdi (0–255), og HSL-konverteringen bruker standard fargerom-matematikk.
R = hex[0:2] → desimal; G = hex[2:4] → desimal; B = hex[4:6] → desimal Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — helt sort.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — helt hvit. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — mellomgrå.
- ✓ Inndata er en gyldig 6-sifret heks-fargekode.
- ✓ Alfakanal støttes ikke i denne versjonen.
- CMYK-konvertering krever en fargeprofil og er ikke inkludert her.
Forstå fargemodeller
HEX, RGB og HSL er ulike måter å beskrive den samme fargen på. HEX koder RGB som en 6-sifret heksadesimal streng: hvert tegnpar er én 8-bits kanal (0–255). RGB uttrykker de samme verdiene som tre tall, de additive primærfargene som skjermer sender ut. HSL (Hue, Saturation, Lightness) er en sylindrisk modell: fargetone er vinkelen på fargehjulet (0° rød, 120° grønn, 240° blå), metning er fargeintensitet, og lysstyrke er lyshet. Designere foretrekker ofte HSL når de justerer farger programmatisk – ved å endre kun lysstyrke kan man gjøre fargen mørkere eller lysere uten å endre fargetonen, og justering av metning endrer fargens klarhet.
Bruksområder for fargekonvertering for utviklere
Utviklere konverterer farger når de bygger designsystemer, implementerer temaer, genererer fargepaletter og feilsøker CSS. Design-tokens lagrer ofte farger i hex; konvertering til RGB eller HSL muliggjør sanntidsberegninger som gjennomsiktighet eller tilgjengelighetskontroller for kontrast. Temavelgere kan ha behov for å utlede lysere eller mørkere varianter fra en basisfarge ved hjelp av HSL. Automatiserte verktøy for universell utforming konverterer farger for å beregne luminans og kontrastforhold. Ved feilsøking av layout eller temaer hjelper det å se en hex-verdi som RGB eller HSL for å identifisere hvilken kanal som er feil. Fargekonvertering brukes også i datavisualisering, diagrambiblioteker og dynamisk UI-tematisering.
Ofte stilte spørsmål
Kan jeg skrive inn en 3-sifret hex-kode?
For øyeblikket forventer dette verktøyet en 6-sifret kode. For 3-sifret forkortelse som F60, utvid den til FF6600 først.
Hva er HSL?
HSL står for Hue (fargetone), Saturation (metning) og Lightness (lyshet). Det er en alternativ måte å beskrive farger på som enkelte designere finner mer intuitiv enn RGB.