Färgomvandlare

Det här är en färgkonverterare för webb- och designarbete som översätter en färg mellan de tre format du använder mest: HEX, RGB och HSL, med en levande färgruta så att du ser exakt vad du arbetar med.

Det här är det vardagliga limmet mellan design och kod: att matcha en varumärkesfärg från en mockup till en CSS-variabel, konvertera ett värde en designer gav dig i ett format till det din ramverk vill ha, eller hitta en aning ljusare nyans för ett hovertillstånd.

Allt körs i din webbläsare, så det går direkt och inget du matar in skickas någonstans.

Varje format beskriver samma färg olika. HEX (som #ff8800) är den kompakta formen som används överallt i CSS och HTML. RGB anger de röda, gröna och blå kanalerna direkt, vilket är hur skärmar och kod som canvas tänker på färg. HSL beskriver nyans, mättnad och ljushet, vilket är mycket mer intuitivt när du vill justera en färg: ändra nyansen för att flytta den runt färghjulet, eller ljusheten för att göra den mörkare utan att välja en ny kod för hand.

Skriv in ett HEX-värde så uppdateras RGB- och HSL-motsvarigheterna direkt, så du kan hämta det format som verktyget eller kodbasen framför dig förväntar sig.

För tillfället fokuserar verktyget på ogenomskinliga färger i HEX, RGB och HSL. Stöd för alfa (opacitet) ingår inte ännu.