Color Converter
Pick a color or paste a HEX code and get matching RGB and HSL values for CSS and design tools.
Free · No sign-up · Private — runs in your browser
HEX
#0B7A5ERGB
rgb(11, 122, 94)HSL
hsl(165, 83%, 26%)How to use the Color Converter
- Pick a color or type a HEX code.
- Read the RGB and HSL values.
- Click copy for the format you need.
Why use this color converter?
- HEX, RGB, HSL
- Visual color picker
- CSS-ready, one-click copy
Frequently asked questions
How do I convert HEX to RGB?
Split the six hex digits into three pairs and convert each from base 16 to decimal. #0B7A5E becomes rgb(11, 122, 94).
What is HSL?
HSL stands for hue, saturation and lightness. It makes it easy to create lighter or darker shades of the same color.
Which format should I use in CSS?
All three work. HEX is compact, RGB is common with transparency (rgba), and HSL is easiest to adjust by hand.