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
- Enter a HEX color or adjust RGB/HSL sliders.
- See all formats update together.
- 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.