Color Converter

Runs locally

Convert colors between HEX, RGB and HSL with a live swatch and one-click CSS snippets.

Loading tool…

This tool runs locally in your browser — your content is never uploaded to a server.

How to use

  1. 1Type a color into any input box, like #3B82F6 or rgb(59, 130, 246).
  2. 2The other formats convert live, and the swatch preview shows the actual color.
  3. 3Fine-tune hue, saturation and lightness in the HSL fields — the preview follows along.
  4. 4Click “Copy” next to a format to grab a ready-to-use CSS snippet.

FAQ

Related tools