Color & Design Tools / Color Picker
Color Picker
Pick a color and instantly see its HEX, RGB, and HSL values.
#2563EB
HEX
-
RGB
-
HSL
Features
- Shows HEX, RGB, and HSL simultaneously
- One-click copy
- Instant updates
- Free, unlimited use
How to Use
Step 1
Click the color swatch to open the picker.
Step 2
Choose your color.
Step 3
Copy the HEX, RGB, or HSL value shown.
About This Tool
Color Picker lets you select any color and instantly view its HEX, RGB, and HSL values, useful for design work, CSS, and matching colors across projects.
Frequently Asked Questions
Does this save my color choices?
No, nothing is stored — everything happens locally in your browser.
Can I type a HEX code directly?
Most browsers let you type into their native color picker dialog once opened.