Preview
Pick a color to see its values.
Ready-to-use values
Copy the format you need and keep working with that color in CSS, design, or content.
HEX
#EF2F68
RGB
rgb(239, 47, 104)
HSL
hsl(342, 86%, 56%)
Color picker
Pick a color and get HEX, RGB, and HSL values in an online color picker ready for CSS and design work.
Move one color across several formats
Useful when you want HEX, RGB, and HSL from the same color without using another app.
Use cases
When a color picker is useful
CSS and web
Helpful for copying colors ready for variables, styles, or components.
Design
Also useful for exploring tones and getting their formats quickly.
Visual content
Useful when you want to inspect or move a color into another tool without manual conversion.
FAQ
Common questions about choosing colors
Does it work online?
Yes. Pick a color and the values appear directly in the browser.
Which formats does it show?
It shows HEX, RGB, and HSL for the same color.
Can I paste a manual HEX value?
Yes. You can type a HEX value and the picker updates.
Can I copy each format?
Yes. Each format has its own copy action.
Keep exploring