Home / Tools / Hex to RGB Converter

Hex to RGB Converter

Paste a hex color like #16a34a and see its RGB and HSL values with a live swatch. Copy the format you need — no upload, no account.

Found this helpful? Support me ☕ ☕ Support me on Ko-fi

About this tool

You grab a color from a design and it's written #2D9CD6. Your CSS wants rgb(45, 156, 214). Someone asks for the HSL. This converter flips between all three the moment you paste a value, with a swatch so you can eyeball it's the right shade.

Handy when you're matching a brand color, tweaking a button, or just trying to remember what "that teal" actually is in numbers.

How to use

Type or paste a HEX value and the RGB + HSL update live with a color preview. Use Copy RGB / Copy HEX to grab the format you need.