Design & Color Tools
Color Converter
Convert colors between HEX, RGB, and HSL.
FreeNo sign-upWorks in your browser
HEX
#3b5bff
RGB
rgb(59, 91, 255)
HSL
hsl(230, 100%, 62%)
About the Color Converter
Convert colors free between HEX, RGB, and HSL — the three formats every designer and developer juggles daily. Pick a color visually or type a value like #3b82f6 and instantly get its rgb() and hsl() equivalents with a live swatch. Shorthand hex expands automatically, and every format copies in one click for your CSS, design tool, or brand guide.
How to use the Color Converter
- 1Pick a color or type a HEX value.
- 2See the RGB and HSL equivalents instantly.
- 3Copy the format you need.
Frequently asked questions
What's the difference between RGB and HSL?
RGB mixes red, green, and blue channels; HSL describes hue, saturation, and lightness — often more intuitive for adjusting colors.
Do you support shorthand hex?
Yes — 3-digit hex like #abc is expanded automatically.
How do I get a color code from my screen?
Most browsers' dev tools include an eyedropper (Elements → color swatch), or use our Image Color Picker to pull hex codes from any uploaded image.