Convert colors between HEX, RGB, and HSL and tweak channels with sliders. Copy CSS-ready values for design systems, themes, and marketing pages.

Color converter

HEX, RGB, and HSL together. Edit any channel; swatch updates live.

HSL: hsl(175, 84%, 32%)

How to use Color converter

  1. Enter a HEX color or adjust RGB/HSL sliders.
  2. See all formats update together.
  3. Copy the format you need for CSS or design tools.

Example: #0d9488 is a teal you can express as rgb() or hsl() in stylesheets.

Frequently asked questions

Which format should I use in CSS?
All three work in modern CSS. HEX is compact, RGB is familiar, and HSL makes it easy to adjust lightness and saturation by hand.
Does it support transparency?
The core converter focuses on solid colors; for transparency you can add an alpha value in rgba() or hsla() in your stylesheet.