Hopp til hovedinnhold
kalkis.app

Fargekalkulator

Konverter farger mellom ulike fargemodeller. Skriv inn verdier i RGB eller HSL og få HEX-kode, HSL, RGB og CMYK-verdier beregnet automatisk.

Velg om du skriver inn verdier som RGB (rød, grønn, blå) eller HSL (fargetone, metning, lyshet).

Rød (0–255) i RGB-modus, eller Fargetone/Hue (0–360) i HSL-modus.

Grønn (0–255) i RGB-modus, eller Metning (0–100) i HSL-modus.

Blå (0–255) i RGB-modus, eller Lyshet (0–100) i HSL-modus.

Resultat
HEX

Heksadesimal fargekode

#4285F4
RGB

rgb(66, 133, 244)

66, 133, 244
HSL

hsl(217, 89%, 61%)

217°, 89%, 61%
CMYK

Cyan, Magenta, Gul, Sort

73%, 45%, 0%, 4%

Veiledning

Om fargekonvertering

Ulike fargemodeller brukes i forskjellige sammenhenger. RGB og HEX brukes på skjerm og i webdesign, CMYK brukes i trykk, og HSL er nyttig for design fordi den er intuitiv å jobbe med. Denne kalkulatoren konverterer mellom alle fire formatene slik at du enkelt kan bruke riktig fargekode i ditt prosjekt.

Slik beregner vi

Fargekonverteringsformler:

  • RGB → HEX: Konverter hver komponent (0–255) til heksadesimal (00–FF)
  • RGB → HSL: Beregn fargetone (H) fra maks/min RGB, metning (S) fra chroma, lyshet (L) fra gjennomsnitt av maks/min
  • RGB → CMYK: K = 1 − max(R', G', B'), C = (1 − R' − K) / (1 − K)

Kilder og standarder

Vanlige spørsmål

Hva er forskjellen på RGB og CMYK?

RGB (rød, grønn, blå) er en additiv fargemodell brukt på skjermer — fargene lages ved å blande lys. CMYK (cyan, magenta, gul, sort) er en subtraktiv modell brukt i trykk — fargene lages ved å blande blekk. En farge kan se forskjellig ut på skjerm vs. trykk fordi fargerommene er ulike.

Hva er HEX-fargekoder?

HEX-koder er en sekssifret heksadesimal representasjon av RGB-verdier, brukt i HTML og CSS. Koden starter med # fulgt av to sifre for rød, grønn og blå. For eksempel er #4285F4 (Google-blå) = RGB(66, 133, 244).

Når bør jeg bruke HSL i stedet for RGB?

HSL (fargetone, metning, lyshet) er mer intuitiv for mennesker å jobbe med. Du kan enkelt lage lysere/mørkere varianter av samme farge ved å justere L-verdien, eller lage dempede versjoner ved å senke S-verdien. I CSS er hsl()-funksjonen svært nyttig for fargepaletter.

Relaterte kalkulatorer

Aspektforholdskalkulator

Regn ut aspektforhold fra pikseldimensjoner, eller finn riktig høyde/bredde fra et aspektforhold. Støtter 16:9, 4:3, 21:9 og mer. Gratis kalkulator.

DPI-kalkulator

Regn ut utskriftsstørrelse fra piksler og DPI, eller finn hvor mange piksler du trenger for en gitt utskriftsstørrelse. Gratis DPI-kalkulator.