Färgomvandlare
Välj en färg eller klistra in ett HEX-värde för att direkt se dess RGB- och HSL-motsvarigheter.
Om färgomvandlaren
Designers och utvecklare beskriver samma färg i flera notationer, och det här verktyget håller dem i synk. Välj en färg från den visuella väljaren eller klistra in ett värde, så visas motsvarande HEX (som #3498db), RGB (rött, grönt och blått från 0 till 255) och HSL (nyans, mättnad och ljushet) på en gång.
Så använder du det
- Dra i färgväljaren eller klistra in ett HEX-, RGB- eller HSL-värde.
- Läs alla format uppdateras tillsammans i realtid.
- Kopiera den notation som din stilmall eller ditt designverktyg förväntar sig.
HEX och RGB beskriver samma punkt i sRGB-färgrymden, bara skrivet på olika sätt, medan HSL uttrycker den på nytt på ett sätt som gör det intuitivt att justera nyanser - knuffa på ljusheten för en tonad variant, mättnaden för en mer dämpad ton. Ett vanligt arbetsflöde är att hämta en HEX från en varumärkesguide och omvandla den till HSL för att bygga en palett. All omvandling körs i din webbläsare, så inget laddas upp.
Vanliga frågor
Vad är skillnaden mellan HEX, RGB och HSL?
HEX och RGB definierar båda en färg utifrån dess röda, gröna och blåa komponenter i sRGB-rymden, bara skrivet som hexsiffror eller tal mellan 0 och 255. HSL beskriver samma färg som nyans, mättnad och ljushet, vilket är enklare för att justera tonade och mörkare varianter.
Kan jag klistra in ett värde i valfritt format?
Ja. Du kan ange en HEX-kod, en RGB-trippel eller ett HSL-värde, och omvandlaren fyller automatiskt i de andra notationerna.
Stöder omvandlaren alfa eller transparens?
Den fokuserar på de ogenomskinliga HEX-, RGB- och HSL-värdena. För transparens lägger du till en alfakanal separat, till exempel ett rgba()-värde eller en 8-siffrig HEX.
Skickas mina färgvärden till en server?
Nej. Omvandlingen sker helt i din webbläsare, så inget du anger laddas upp.