Fargekonverterer

Konverter en farge mellom formater

Skriv en farge som HEX, RGB, HSL eller navn, og få den i alle former, med kontrastsjekk.

Knappene i dette verktøyet er fortsatt på engelsk.

Type or pick a colour

ColourPicker

Use HEX (#f80, #ff8800), rgb(255 136 0), hsl(32 100% 50%) or a CSS colour name.

Copy it in any form

HEX
RGB
HSL
Nearest CSS name

Check the contrast

With white
With black

Normal text needs 4.5:1 and large text needs 3:1 (WCAG 2). A see-through colour is laid over white or black first.

Alt dette skjer på enheten din. Ingenting du skriver eller legger til sendes noe sted. Sjekk selv

Hvilke fargeformer kan jeg skrive?

HEX som #f80, #ff8800 eller #ff880080, rgb() eller rgba() som rgb(255 136 0 / 50%), hsl() eller hsla() som hsl(32 100% 50%), eller et CSS-fargenavn som rebeccapurple. Du kan også bruke fargevelgeren.

Hvordan velges det nærmeste CSS-navnet?

Verktøyet sammenligner fargen din med alle 148 CSS-fargenavn og velger det som ligner mest for øyet, med en vektet avstand i RGB. Det sier fra når treffet er helt likt.

Hva betyr bestått og ikke bestått for kontrast?

Det følger WCAG 2. Vanlig tekst trenger minst 4,5:1, og stor tekst (rundt 24 px, eller 19 px i fet skrift) trenger minst 3:1. Forholdet kuttes til to desimaler, aldri rundes opp. En gjennomsiktig farge legges først over hvit eller svart.

Lastes dataene mine opp noe sted?

Nei. Alt kjører i nettleserfanen din, og sidens sikkerhetsregler hindrer at noe sendes ut.

Om dette verktøyet

Kjører	I nettleseren din. Filene dine blir på enheten din.
Reads	HEX (3, 4, 6 eller 8 sifre), rgb() og rgba(), hsl() og hsla(), og alle 148 CSS-fargenavn
Writes	HEX, RGB, HSL og nærmeste CSS-fargenavn
Contrast	WCAG 2-forhold mot hvit og svart: 4,5:1 for vanlig tekst, 3:1 for stor tekst
Works offline	Ja, når siden er lastet
Lisens	AGPL-3.0
Lagt til	11. oktober 2026
Laget av	Sapience Design
Kilde	tools/everyday/colour-converter

Meld fra om et problem

Konverter en farge mellom formater

Type or pick a colour

Copy it in any form

Check the contrast

Aktivitet fra KI-agent

Foreslå et verktøy

Trinn 1 av 3 Hva skal verktøyet gjøre?

Trinn 2 av 3 Noe mer?

Trinn 3 av 3 Vil du ha det raskere?

Takk!