Fargevelger og konverterer

Velg en farge og konverter mellom HEX-, RGB- og HSL-formater umiddelbart. Gratis og kjører helt i nettleseren din.

Svart tekst på fargen din
Hvit tekst på fargen din

Slik bruker du fargevelgeren og konvertereren

  1. Click the large color preview swatch to open your browser's native color picker.
  2. Alternativt kan du skrive en HEX-verdi direkte i HEX-feltet (f.eks. #ff5733).
  3. Juster individuelle R-, G-, B-verdier (0-255) eller H-, S-, L-verdier for finjustering.
  4. Alle formater oppdateres i sanntid når du endrer en verdi.
  5. Bruk Kopier-knappene for å kopiere en formatert fargeverdi til utklippstavlen.
  6. Sjekk kontrastforhåndsvisningen for å se hvordan svart og hvit tekst ser ut på den valgte fargen.

Ofte stilte sporsmal

Hva er HEX-fargeformat?

HEX er en sekssifret heksadesimal representasjon av en farge med prefikset #. Hvert sifferpar representerer rød-, grønn- og blåkanalen (f.eks. #ff5733 betyr R=255, G=87, B=51). Det er det vanligste formatet brukt i webdesign og CSS.

Hva er forskjellen mellom RGB og HSL?

RGB definerer en farge ved sine røde, grønne og blå lyskomponenter (0-255 hver). HSL definerer en farge ved fargetone (0-360 grader på fargehjulet), metning (0-100 %%) og lyshet (0-100 %%). HSL er ofte mer intuitiv for designere fordi du enkelt kan justere lysstyrke eller metning uten å påvirke fargetonen.

Hvorfor er kontrastsjekking viktig?

Tilstrekkelig kontrast mellom tekst- og bakgrunnsfarger er viktig for lesbarhet og tilgjengelighet. WCAG-retningslinjene anbefaler et minimum kontrastforhold på 4,5:1 for normal tekst. Kontrastforhåndsvisningen hjelper deg å visuelt bekrefte at teksten forblir lesbar på den valgte fargen.

Lagres dataene mine noe sted?

Nei. Alle fargekonverteringer skjer helt i nettleseren din med JavaScript. Ingen data sendes til noen server.