Color Picker
About the Color Picker
The Color Picker lets you select a precise color — from an uploaded image or by adjusting controls — and read its exact values in formats like HEX and RGB. It’s the fast way to identify or choose a color and grab its code.
Designers and developers constantly need the exact color of something: a shade in a logo, a tone in a photo, or a custom hue for a button. Picking it directly and copying the code removes the guesswork of eyeballing values.
Picking happens in your browser, so any image you sample never leaves your device. You get exact, copyable color codes with no upload or account.
How to use the Color Picker
- Upload an image to sample colors from, or open the color controls.
- Click on the part of the image with the color you want, or adjust the picker.
- Read the selected color’s values in HEX, RGB, and other formats.
- Copy the color code you need.
- Use it in your design or code.
Common use cases
- Grabbing the exact color of a shade in a logo or photo.
- Choosing a custom color and copying its HEX code for CSS.
- Matching a design element to a color found in an image.
- Identifying a color’s precise values for documentation.
Frequently asked questions
Can I pick a color from an image?
Yes. Upload an image and click the area you want to sample, and the tool reads that pixel’s exact color values.
Which formats does it show?
It displays common formats such as HEX and RGB, so you can copy whichever your project uses.
Is the color value exact?
Yes. The picker reports the precise values of the selected color, which you can copy directly into your work.
Is my image uploaded anywhere?
No. Sampling happens in your browser, so your image never leaves your device.
How do I check if two colors have enough contrast?
Use the Contrast Checker to test a color pair against accessibility guidelines.