Color Converter

Convert a color between HEX, RGB, and HSL and see a live swatch as you edit. Type a value in any format and the others update instantly, so you can move between the format a design tool gave you and the one your CSS or code needs.

HSL makes it easy to nudge lightness or saturation while keeping the hue; HEX and RGB are what most code expects. Use it to match a brand color, build a tint/shade scale, or translate a value from a mockup into CSS. Runs entirely in your browser.