Color Picker
Pick any color and get instant HEX, RGB, and HSL values.
Related Guide
Free Online Color Picker: How to Pick Any Color and Get Its Code
About This Tool
Free online color picker — choose any color visually with a saturation/hue picker or your device eyedropper, and instantly get the matching HEX, RGB, and HSL values ready to copy into your CSS, design tool, or code editor. No sign-up, no upload, entirely browser-based. Designers use this to quickly grab a color for a mockup, developers use it to convert a picked shade straight into CSS-ready syntax, and anyone matching a brand color from a screenshot can sample it precisely. Recently used colors are kept in a swatch history so you can compare and reuse shades without re-picking them.
How to Use
- 1
Pick a color
Drag the saturation/hue picker, or click "Pick from screen" to sample any pixel on your display (supported browsers).
- 2
View the values
HEX, RGB, and HSL values update instantly as you pick.
- 3
Copy what you need
Click any value to copy it to your clipboard, ready to paste into CSS or design software.