Så omvandlar du en färg
- Klicka på färgrutan för att välja en, eller skriv den i textfältet.
- Du kan skriva den som HEX (#1e90ff), som rgb(), som hsl() eller med dess engelska namn.
- Se färgen i förhandsvisningen tillsammans med motsvarande HEX, RGB, HSL och CMYK.
- Kopiera formatet du behöver och kontrollera kontrasten mot vit eller svart text.
Vad den används till
Designers och utvecklare behöver ofta konvertera en färg från ett format till ett annat: HEX från en palett, rgb() i ett stilmall, HSL för att skapa ljusare eller mörkare varianter. Det här verktyget gör det i ett steg.
Det beräknar också färgens kontrast mot vit text och mot svart text, enligt riktlinjerna för tillgänglighet i WCAG: 4,5:1 för nivå AA och 7:1 för nivå AAA med normal text.
CMYK är en enkel omvandling, användbar som referens; för professionellt tryck bör du använda färgprofilen i ditt designprogram.
Bra att veta
- CMYK beräknas från RGB med standardformeln, utan färgprofil, så det kan skilja sig från hur det ser ut i tryck.
- Färgnamn fungerar på engelska (red, tomato, navy…).
- Den inbyggda färgväljaren kan se annorlunda ut beroende på webbläsare och enhet.
Vanliga frågor
Hur omvandlar jag HEX till RGB?
Skriv in HEX-koden (till exempel #1e90ff) så visar verktyget direkt motsvarande rgb(), tillsammans med HSL och CMYK.
Vad är WCAG-kontrast?
Den mäter hur läsbar text är mot en bakgrund. Förhållandet 4,5:1 uppfyller nivå AA och 7:1 uppfyller AAA, för normal text.
Godtar den färger med transparens?
Ja: du kan skriva #rrggbbaa, rgba() eller hsla() och de visas också med sin transparens.
Skickas något till en server?
Nej. Allt beräknas i din webbläsare.
Är det gratis?
Ja, det är gratis, kräver ingen registrering och fungerar direkt i din webbläsare.