Color Converter: HEX, RGB & HSL

Convert a color

Paste a color value or CSS name such as navy. The converter turns it into a single opaque sRGB value and shows the equivalent formats. If an input is unsupported, the error explains what to change.

How to use the converter

• Enter three- or six-digit HEX, comma-separated integer RGB, HSL with percentage saturation and lightness, or a CSS named color.
• Read the normalized #RRGGBB value and its RGB and HSL equivalents. All previews use that same color.
• Copy the format your next tool needs. Keep the commas and percent signs in RGB and HSL input.
• Compare black and white text, or choose a related color to check in the contrast tool.

Explore related hues

The complement turns the HSL hue by 180 degrees. The two analogous colors sit 30 degrees either side of the original. Use them to explore a palette, then check any text and background pair you plan to use.

Make lighter and darker versions

Tints mix the stored sRGB channels toward white; shades mix them toward black. The five steps use 0%, 25%, 50%, 75% and 100%, with channels rounded to integers. The steps are repeatable, though they may not look equally spaced.