Type a HEX, or drag the Hue, Saturation, Lightness sliders.
Enter a valid HEX code - 3, 6 or 8 digits.
Everything runs in your browser - no colors are ever uploaded
Most converters only go HEX → HSL. Here you can drag Hue, Saturation and Lightness and watch HEX, RGB and every other value update in real time.
A ready-made lightness ladder for your current hue - click any step to load it, perfect for hover states, borders or text variants.
HSL, HEX, RGB, RGBA, CMYK and HSV for the same color side by side - click any one to copy it.
No sign-up, no watermark, convert or design as many colors as you like.
Type a HEX code, use the eyedropper, or just start dragging the Hue slider.
Nudge Saturation and Lightness precisely, or pick a ready-made shade from the ladder.
Tap HSL, HEX, RGB or any other format - it's copied straight to your clipboard.
Hue, Saturation and Lightness - a way of describing a color as a position on a color wheel (hue), how vivid it is (saturation), and how light or dark it is (lightness), instead of red/green/blue amounts.
Yes - drag the Hue, Saturation and Lightness sliders directly and the HEX, RGB and every other value update live, so you can design a color from scratch without ever typing a code.
They show your current hue and saturation across the full lightness range in one strip, so you can grab a lighter tint for a hover state or a darker shade for text without guessing numbers. Click one to load it into the tool.
Both share the same hue and saturation idea, but HSL's third channel is lightness, which runs from black to white through the pure hue, while HSV/HSB's is value/brightness, which runs from black to the pure hue only.
No. Every conversion and every slider drag happens locally in your browser. Nothing you type, pick or slide is sent to a server.