Hopp til hovedinnhold
LibraTool logoLibraTool

Gratis Fargekonverterer

Konverter farger mellom HEX, RGB, HSL, HSV og CMYK-formater øyeblikkelig. Inkluderer lysskala og forhåndsinnstilte fargeprøver.

Fungerer uten nett når den er lastet

Konverter en farge mellom HEX, RGB, HSL, HSV og CMYK — med direkte forhåndsvisning og kopiering med ett trykk. Alt kjører i nettleseren din.

Godtar: HEX (#fff eller #ffffff), RGB (255, 255, 255) eller HSL (360, 100%, 50%)

100%
Forhåndsinnstillinger:
HEX#14B8A6
rgb() · eldrergb(20, 184, 166)
rgb() · modernergb(20 184 166)
hsl() · eldrehsl(173, 80%, 40%)
hsl() · modernehsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
RGB-verdier20, 184, 166

WCAG-kontrast

På hvit bakgrunn

2,49:1

Ikke bestått

På svart bakgrunn

8,44:1

AAA
🖨️ For trykk: Disse CMYK-verdiene (89%, 0%, 10%, 28%) er en standard sRGB→CMYK-tilnærming for referanse. For nøyaktig trykkfarge, bruk skriverens ICC-profil eller et trykt eksemplar — skjerm-CMYK kan ikke samsvare med alle blekktyper/papirtyper.

Lyshetsskala

Klikk på en fargeprøve for å bytte til den nyanssen

Vanlige bruksområder

  • Konvertér farger for webdesignFå HEX-, RGB- og HSL-verdier for enhver farge - klart til å lime inn i CSS eller Tailwind.
  • Konvertér farger for trykk (CMYK)Konvertér skjermfarger (HEX/RGB) til CMYK-verdier for bruk i trykkdesign og profesjonell utskrift.
  • Bygg fargepaletter for designsystemerKonvertér merkfarger på tvers av alle formater og generer konsistente lysstyrkeakser for et komplett designsystem.
  • Sjekk fargekontrant for tilgjengelighetKonvertér farger for å få RGB-verdier for bruk i kontrastforholdsverktøy — WCAG-samsvar for tilgjengelig design.
  • Konvertér farger for FigmaFå eksakte HEX- og RGB-verdier for å lime inn i Figmas fargevelgere og design-token-systemer.

Hvordan det fungerer

All konverteringslogikk er håndskrevet JavaScript som kjører helt i nettleseren — ingen bibliotek, ingen serverkall. Verktøyet tolker inndataene, sender dem gjennom en kjede av rene matematiske funksjoner og lager samtidig elleve utdataformater, inkludert de moderne CSS Color 4-rommene oklch() og lab().

  1. 1
    Fleksibel tolking av inndata
    En egen tolker godtar hex (3, 4, 6 eller 8 sifre), rgb()/rgba(), hsl()/hsla() i både eldre kommasyntaks og moderne mellomromssyntaks, og nakne talltripler. Alfaverdier som desimaler eller prosent normaliseres til området 0–1 før konverteringen starter.
  2. 2
    RGB som konverteringsnav
    Hvert godkjent format løses først til en kanonisk RGB-trippel. Fra denne ene representasjonen forgrener verktøyet seg: HSL og HSV bruker standardformlene for min/maks/kroma; CMYK utledes ved å finne nøkkelkanalen; og sRGB-linearisering (den stykkevise gammakurven definert i IEC 61966-2-1) brukes før beregningene i perseptuelle fargerom.
  3. 3
    Perseptuelle fargerom beregnet fra bunnen av
    oklch() beregnes med Björn Ottossons referansematriser på 3×3 (LMS-rom med kuberot). lab() og lch() bruker Bradford-kromatisk tilpasning for å konvertere fra hvitpunktet D65 til D50, slik CSS Color 4 definerer lab(). Dette er de samme formlene som brukes i nettlesernes gjengivelsesmotorer — implementert her uten noen ekstern avhengighet.
  4. 4
    WCAG-kontrast og lyshetsskala
    Relativ luminans beregnes etter formelen i WCAG 2.1 (lineariserte R, G, B vektet 0,2126/0,7152/0,0722), og kontrastforholdet mot hvitt og svart vurderes som AA-stor, AA, AAA eller Ikke bestått. En lyshetsstripe i ni trinn lages ved å gå gjennom HSL-lyshetskanalen fra 10 % til 90 %, og du kan klikke på en fargeprøve for å konvertere den nyansen.

Relaterte verktøy

🎨

Fargevelger og palettgenerator

Velg farger, konverter mellom HEX/RGB/HSL og generer harmoniske paletter.

Prøv det
🎨

Tilfeldig fargegenerator

Lag tilfeldige farger én om gangen eller som en palett på fem, lås de du liker, kopier HEX-, RGB- eller HSL-verdier og eksporter paletten som PNG eller CSS.

Prøv det
🎨

Fargepalettgenerator

Generer komplementære, analoge, triadiske og monokromatiske fargepaletter fra en hvilken som helst basisfarge. Kopier hex-koder med ett klikk.

Prøv det

Ofte stilte spørsmål