Color Converter

Runs entirely in your browser — never uploaded

Convert between HEX, RGB and HSL with a live preview.

Related tools

CC
Case Converter
JF
JSON Formatter
IT
Image Tools
UG
UUID Generator

Frequently asked questions

What color formats are supported as input?

HEX (#RRGGBB or #RGB), rgb(), and hsl() strings. Edit any of the three fields and the other two update automatically.

Why do HSL values matter for design?

HSL separates hue, saturation and lightness, making it easy to build consistent color palettes by adjusting one axis — like lightness for a hover state — without changing the hue.

What’s the difference between HSL and HSB/HSV?

They’re similar but not identical — HSL’s "lightness" and HSB’s "brightness" are calculated differently, so the same H and S values can produce a slightly different-looking color.

Can I convert a color with an alpha/transparency channel?

This tool converts opaque RGB/HEX/HSL values. For transparency, use rgba()/hsla() directly in your CSS with the same RGB or HSL values this tool gives you.