Enter a color in any format HEX, RGB, or HSL and instantly see it converted to the others, with a live preview swatch.
Did this tool save you some time? A quick testimonial helps a lot.
Enter a color in any format HEX, RGB, or HSL and instantly see it converted to the others, with a live preview swatch.
Add your input to the workspace above, review the result, then copy or download it when it's ready. No account or installation is required.
Color Converter runs in your browser, so the information you enter stays on your device instead of being uploaded to a server.
A few worked examples so you know what to expect before you paste in your own input.
Input
#3b82f6
Output
rgb(59, 130, 246) hsl(217, 91%, 60%)
Input
#ff0000
Output
rgb(255, 0, 0) hsl(0, 100%, 50%)
Input
rgb(34, 197, 94)
Output
#22c55e hsl(142, 71%, 45%)
Convert colors between HEX, RGB, and HSL, build CSS gradients you can paste, and check contrast against WCAG AA/AAA before the design review does.
Related Tools