All tools

Hex / RGB / HSL Converter

Convert any color between hex, RGB, HSL, and HSV.

#3366ff
  • HEX#3366ff
  • RGBrgb(51, 102, 255)
  • HSLhsl(225, 100%, 60%)

About

Paste any color in any format and instantly see all formats: hex, RGB, HSL, HSV, plus complementary color, triad, and split-complement palettes. Click any swatch to copy. Live preview swatch updates as you type.

How to use

  1. Type a color in any format (hex, rgb(...), hsl(...)) or use the color picker.
  2. See the same color in every format.
  3. Click any swatch (complement, triad, split-complement) to copy it.

FAQ

What's the difference between HSL and HSV?+

Both use Hue and Saturation, but HSL has Lightness (50% = pure color), HSV has Value (100% = pure color). HSL is more intuitive for picking pastels and dark variants. HSV is closer to a paint mixing model.