Color Converter

Type a color in any format and get HEX, RGB and HSL at once — with a live preview.

About this tool

Design tools speak HEX, CSS speaks rgb() and hsl(), and SVG often wants rgba(). This converter accepts any of those formats (3- or 6-digit hex, with or without alpha, space or comma separated) and shows all formats together with a big preview swatch — so you can copy exactly the notation your stylesheet needs.

How to use it

  1. Type a color like #2563eb, rgb(37 99 235) or hsl(221, 83%, 53%) — or pick one with the color picker.
  2. All notations update live; click Copy next to the one you need.

Good to know

  • Alpha is preserved: 8-digit hex converts to and from rgba()/hsla().
  • HSL is great for building palettes — keep hue and lightness, vary saturation, and the converter shows the exact hex to paste.
  • Everything is computed locally as you type.