Finn fargekoder i HEX, RGB og HSL
Fargevelgeren gir deg fargekoden til en farge i de tre vanligste formatene for nettsider, design og programmer: HEX, RGB og HSL. Du kan velge farge med fargehjulet, skrive inn en kode, hente en farge fra skjermen eller klikke i et bilde for å finne fargen i et bestemt punkt.
Slik bruker du fargevelgeren
- Velg en farge i fargefeltet, skriv inn en HEX-kode eller juster rødt, grønt og blått.
- Bruker du Chrome eller Edge på datamaskin, kan du trykke «Plukk farge fra skjermen» og klikke hvor som helst på skjermen.
- Vil du finne en farge i et bilde, laster du opp bildet og klikker på punktet du vil hente fargen fra. Bildet blir værende i nettleseren og lastes ikke opp.
- Kopier koden i formatet du trenger.
HEX, RGB og HSL
Alle tre formatene beskriver farger i fargerommet sRGB, som er standard på nett ifølge CSS-spesifikasjonen fra W3C.
- HEX skriver mengden rødt, grønt og blått som tre tosifrede heksadesimale tall fra 00 til FF, for eksempel
#2563eb. - RGB bruker de samme tre verdiene som desimaltall fra 0 til 255, for eksempel
rgb(37, 99, 235). - HSL beskriver fargetone i grader (0–360), metning i prosent og lyshet i prosent, for eksempel
hsl(221, 83%, 53%). HSL gjør det enkelt å lage lysere og mørkere varianter av samme farge.
Eksempel
Du har en logo og vil bruke den samme blåfargen på nettsiden. Last opp logoen, klikk på den blå flaten og kopier HEX-koden. Under «Lysere og mørkere varianter» får du ni nyanser med samme fargetone, for eksempel til knapper, bakgrunner og kantlinjer.
Kontrast og lesbarhet
Fargevelgeren viser kontrastforholdet mellom fargen og hvit og svart, beregnet med formelen i WCAG 2.2. WCAG krever minst 4,5:1 for vanlig tekst og 3:1 for stor tekst på nivå AA. Teksten i fargeprøven får automatisk den av hvit og svart som gir best kontrast. Vil du teste en bestemt tekstfarge mot en bestemt bakgrunn, bruker du fargekontrast-kalkulatoren.
Begrensninger
- Farger fra skjermen og bilder kan påvirkes av skjermens fargeprofil, bildekomprimering og fargeprofiler i bildefilen.
- Pipetten for skjermen bruker EyeDropper-funksjonen i nettleseren, som ikke alle nettlesere støtter.
- Kodene gjelder sRGB. Trykksaker bruker ofte CMYK eller Pantone, og en skjermfarge kan se annerledes ut på papir.
Trenger du bare å regne om én kode, kan du også bruke HEX til RGB.