Gå til hovedindhold

Gratis Farvekonverter

Konverter farver mellem HEX-, RGB-, HSL-, HSV- og CMYK-formater øjeblikkeligt. Inkluderer en lysskala og forudindstillede farveprøver.

Virker offline, når den er indlæst

Konverter en farve mellem HEX, RGB, HSL, HSV og CMYK — med live preview og one-tap copy. Alt kører i din browser.

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

100%
Forudindstillinger:
HEX#14B8A6
rgb() · klassiskrgb(20, 184, 166)
rgb() · modernergb(20 184 166)
hsl() · klassiskhsl(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-værdier20, 184, 166

WCAG kontrast

På hvid baggrund

2,49:1

Fejlet

På sort baggrund

8,44:1

AAA
🖨️ Til udskrivning: Disse CMYK-værdier (89%, 0%, 10%, 28%) er en standard sRGB→CMYK-approksimation til reference. For nøjagtig trykfarve skal du bruge din printers ICC-profil eller et trykt bevis — skerm-CMYK kan ikke matche alle blæk/papir.

Lysstyrke-skala

Klik på en farveprøve for at skifte til den nuance

Almindelige anvendelser

  • Konvertér farver til webdesignFå HEX-, RGB- og HSL-værdier til enhver farve - klar til indsættelse i CSS eller Tailwind.
  • Konvertér farver til tryk (CMYK)Konvertér skærmfarver (HEX/RGB) til CMYK-værdier til brug i tryksdesign og professionel udskrivning.
  • Byg farvepaletter til designsystemerKonvertér varemærkefarver på tværs af alle formater og generer konsistent lysstyrketalskalaer til et komplet designsystem.
  • Kontrollér farvekontrast for tilgængelighedKonverter farver for at få RGB-værdier til brug i kontrastforhold værktøjer — WCAG-overholdelse til tilgængeligt design.
  • Konverter farver til FigmaFå de nøjagtige HEX- og RGB-værdier til at indsætte i Figmas farvevælgere og design token-systemer.

Sådan fungerer det

Al konverteringslogik er håndskrevet JavaScript, der kører udelukkende i din browser — intet bibliotek, intet serverkald. Værktøjet fortolker dit input, sender det gennem en kæde af rene matematiske funktioner og laver samtidig elleve outputformater, inklusive de moderne CSS Color 4-rum oklch() og lab().

  1. 1
    Fleksibel fortolkning af input
    En egen parser accepterer hex (3, 4, 6 eller 8 cifre), rgb()/rgba(), hsl()/hsla() i både den gamle kommasyntaks og den moderne mellemrumssyntaks samt rene taltripler. Alfaværdier som decimaler eller procenter normaliseres til intervallet 0–1, før konverteringen begynder.
  2. 2
    RGB som konverteringsnav
    Hvert accepteret format omsættes først til en kanonisk RGB-triplet. Ud fra den ene repræsentation forgrener værktøjet sig: HSL og HSV bruger standardformlerne med min/maks/kroma; CMYK udledes ved at finde nøglekanalen; og sRGB-linearisering (den stykvise gammakurve defineret i IEC 61966-2-1) anvendes før beregningerne i de perceptuelle rum.
  3. 3
    Perceptuelle farverum beregnet fra bunden
    oklch() beregnes med Björn Ottossons reference-3×3-matricer (LMS-kubikrodsrum). lab() og lch() bruger Bradford-kromatisk tilpasning til at konvertere fra hvidpunktet D65 til D50, hvilket svarer til, hvordan CSS Color 4 definerer lab(). Det er de samme formler, som browseres tegnemotorer bruger — implementeret her uden eksterne afhængigheder.
  4. 4
    WCAG-kontrast og lyshedsskala
    Relativ luminans beregnes efter WCAG 2.1-formlen (lineariseret R, G, B vægtet 0.2126/0.7152/0.0722), og kontrastforholdet mod hvid og sort vurderes som AA-large, AA, AAA eller Fail. En lyshedsstribe med ni trin laves ved at variere HSL-lyshedskanalen fra 10 % til 90 %, og du kan klikke på en farveprøve for at konvertere den nuance.

Relaterede værktøjer

Ofte stillede spørgsmål