Color converter
Convert between HEX, RGB, HSL and CSS color formats
HEX
#6D5EF7
RGB
rgb(109, 94, 247)
HSL
hsl(246, 90%, 67%)
CSS var
--color: #6D5EF7;
Convert HEX, RGB, HSL and CSS colors
Free online color converter. Convert colors between HEX, RGB, HSL and CSS formats instantly with live preview and color picker.
HEX to RGB, RGB to HEX and HSL conversion
Pick a color or enter a color code to get matching HEX, RGB, HSL and CSS variable values for design systems, Tailwind configs and frontend code.
Visual preview for safer color choices
The live preview updates as you edit sliders or inputs, making it easier to verify the color before copying it into CSS.
Related tools
Frequently asked questions
Can I convert HEX to RGB?
Yes. Enter a HEX color such as #6D5EF7 and the RGB and HSL values update instantly.
Can I convert RGB to HSL?
Yes. Adjust the RGB sliders or enter RGB values and the tool calculates the equivalent HSL color.
Is this color converter free?
Yes. It is free, requires no sign-up and runs in your browser.