Gratis Farvekonverter
Konverter farver mellem HEX-, RGB-, HSL-, HSV- og CMYK-formater øjeblikkeligt. Inkluderer en lysskala og forudindstillede farveprøver.
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%)
WCAG kontrast
På hvid baggrund
2,49:1
På sort baggrund
8,44:1
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().
- 1Fleksibel fortolkning af inputEn 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.
- 2RGB som konverteringsnavHvert 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.
- 3Perceptuelle farverum beregnet fra bundenoklch() 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.
- 4WCAG-kontrast og lyshedsskalaRelativ 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
Farvevælger og palettegenerator
Vælg farver, konverter mellem HEX/RGB/HSL og generer harmoniske paletter.
Tilfældig farvegenerator
Generer tilfældige farver én ad gangen eller som en palet på fem, lås dem du kan lide, kopiér HEX-, RGB- eller HSL-værdier og eksportér paletten som PNG eller CSS.
Farvepalet-generator
Generer komplementære, analoge, triadiske og monokamatiske farvepaletter fra en vilkårlig basisfarve. Kopiér hex-koder med ét klik.