Sådan omdanner du en farve
- Klik på farvefeltet for at vælge en farve, eller skriv den i tekstfeltet.
- Du kan skrive den som HEX (#1e90ff), som rgb(), som hsl() eller med dens engelske navn.
- Se farven i forhåndsvisningen sammen med dens HEX-, RGB-, HSL- og CMYK-værdier.
- Kopiér det format, du skal bruge, og tjek kontrasten med hvid eller sort tekst.
Hvad bruges den til
Designere og udviklere skal ofte omdanne en farve fra ét format til et andet: HEX fra en palette, rgb() i et stylesheet, HSL til at lave lysere eller mørkere varianter. Dette værktøj gør det i ét trin.
Det beregner også farvens kontrast med hvid tekst og med sort tekst efter WCAG-retningslinjerne for tilgængelighed: 4,5:1 for niveau AA og 7:1 for niveau AAA med normal tekst.
CMYK er en enkel omregning, nyttig som reference. Til professionelt tryk bør du bruge farveprofilen i dit designprogram.
Godt at vide
- CMYK beregnes ud fra RGB med standardformlen, uden farveprofil, så det kan afvige fra det, du ser på tryk.
- Farvenavne virker på engelsk (red, tomato, navy…).
- Den indbyggede farvevælger kan se anderledes ud afhængigt af browser og enhed.
Ofte stillede spørgsmål
Hvordan omdanner jeg HEX til RGB?
Skriv HEX-værdien (for eksempel #1e90ff), og værktøjet viser med det samme den tilsvarende rgb() sammen med HSL og CMYK.
Hvad er WCAG-kontrast?
Den måler, hvor læselig tekst er på en baggrund. Forholdet 4,5:1 opfylder niveau AA, og 7:1 opfylder AAA, for normal tekst.
Accepterer den farver med gennemsigtighed?
Ja: du kan skrive #rrggbbaa, rgba() eller hsla(), og de vises også med deres gennemsigtighed.
Sendes der noget til en server?
Nej. Alt beregnes i din browser.
Er det gratis?
Ja, det er gratis, kræver ingen oprettelse og virker direkte i din browser.