Help
About this tool
Paste a color in hex (#ff0000), rgb(255, 0, 0), or hsl(0, 100%, 50%) notation and get the equivalent in all three formats instantly, alongside a live swatch preview. Built for front-end developers, designers and anyone who needs to copy a color value in a different format. Everything runs locally in your browser — no data is uploaded.
How to use
- Paste or type a color, for example #ff0000, rgb(255, 0, 0) or hsl(0, 100%, 50%).
- Read the converted HEX, RGB and HSL values and the color swatch.
- Click the copy button next to the format you need.
Is my color sent to a server?
No. The conversion runs entirely in your browser.
Which color formats are supported?
HEX (#rgb and #rrggbb), rgb(r, g, b) and hsl(h, s%, l%).