Color Converter
Convert colors between HEX, RGB, and HSL formats with a live preview swatch.
About the Color Converter
Convert a color between HEX, RGB, and HSL notation, with a live preview swatch.
How the Color Converter works
HEX and RGB describe a color by its red, green, and blue light components, while HSL describes the same color by hue (position on the color wheel), saturation (intensity), and lightness — which is often more intuitive for adjusting a color (e.g. "make it 10% darker" is a lightness change, not a per-channel RGB calculation).
How to use the Color Converter
- Enter a color in HEX (#1a2b3c), RGB (rgb(26, 43, 60)), or HSL (hsl(210, 40%, 17%)) format — the format is detected automatically.
- Press Convert to see the color in all three formats with a live swatch preview.
Example: Color Converter
Converting a blue HEX color to RGB and HSL
- Color: #1a73e8
Result: rgb(26, 115, 232) — hsl(214, 82%, 51%)
The HEX pairs 1a, 73, e8 convert directly to decimal RGB values 26, 115, 232, which are then converted to a hue of 214°, 82% saturation, and 51% lightness.
Related calculators
- Aspect Ratio CalculatorTools & MoreSimplify a width and height into a ratio, or scale dimensions to a target width or height while keeping the ratio
- Word & Character CounterTools & MoreCount words, characters, sentences, and paragraphs in your text, with an estimated reading time
- Base64 Encode / DecodeTools & MoreEncode text to Base64 or decode Base64 back to plain text, with full UTF-8 support
- URL Encode / DecodeTools & MoreEncode text for safe use in a URL, or decode a percent-encoded URL string back to plain text