Free designer tool
Color Picker
Pick a color visually and copy its HEX, RGB, and HSL values instantly.
220°
70%
50%
HEX
RGB
HSL
About this tool
Designers and developers use color pickers to translate visual choices into the precise color codes their tools require. HEX is the standard for HTML and CSS, RGB is essential for canvas and image processing, and HSL is the most intuitive for adjusting brightness or saturation programmatically.
This tool runs entirely in your browser — nothing is sent to a server. Drag the sliders to find your color, then click copy on any of the three formats.