Color Converter
Switch between common representations of the same opaque color without manually calculating channel values. Enter a three- or six-digit HEX value, an integer RGB triplet, or HSL with percentages. The preview helps spot an accidental channel swap, and each output has its own copy button. HSL results are rounded to whole degrees and percentages, so repeated conversion through the displayed HSL value can introduce a small rounding difference. This tool covers basic sRGB syntax rather than the full set of modern CSS color spaces.
Your workspace
Runs locally in your browserResult
Your input is processed locally in your browser unless explicitly stated otherwise. Inputs are not saved by this tool.
How to use this tool
Enter a HEX, rgb() or hsl() color and convert. Copy any of the three formats from the result.
Example
Input
#2196F3Output
rgb(33, 150, 243) | hsl(207, 90%, 54%)What does this tool do?
HEX and RGB describe red, green and blue channel values. HSL describes hue, saturation and lightness, making palette adjustments easier to reason about.
Common mistakes and limitations
This tool handles opaque sRGB colors. HSL values are rounded for display. Use the Flutter converter when you need an alpha channel.
Frequently asked questions
Can I enter three-digit HEX?
Yes. #09f is expanded to #0099FF before conversion.