CC
Color Code Picker (HEX/RGB/HSL)
Pick a color or paste a HEX code — get the code in HEX, RGB and HSL formats instantly, with one-click copy.
Advertisement
Pick Color
Result
HEX#D97757
RGB—
HSL—
Advertisement
How to use — Color Code Picker (HEX/RGB/HSL)
- Choose any color with the color picker, or paste a HEX code (e.g. #D97757).
- HEX, RGB, and HSL — all three codes update instantly.
- Click the Copy button for whichever format you need.
FAQ
What's the difference between HEX, RGB, and HSL?
All three describe the same color differently. HEX (#D97757) is the most common on the web. RGB (217, 119, 87) gives red-green-blue values. HSL (17°, 63%, 60%) is hue-saturation-lightness — the most intuitive for adjusting colors.
How do I read a HEX code?
#RRGGBB — the first 2 digits are red, then green, then blue (00 to FF in hexadecimal). #FF0000 = pure red, #FFFFFF = white, #000000 = black.
What is a 3-digit HEX (#F00)?
A shorthand — each digit is doubled: #F00 = #FF0000, #ABC = #AABBCC. Use the full 6-digit format in this tool.
How do I pick a color from a website?
Chrome/Edge DevTools' color picker has an eyedropper, or use browser extensions like ColorZilla. Then paste the HEX here to convert to RGB/HSL.
Advertisement