Choose a color manually or upload an image
Use the color spectrum for manual picking, or upload an image and click a pixel to sample it.
Color Picker
A fast color picker tool to sample and inspect colors instantly. Choose manually or pick directly from an image.
Image upload: PNG, JPG, WebP, GIF, or AVIF up to 10 MB.
Inspect the selected color
#FF0000
#FF0000
RGB
Tint
Shade
Use the main picker for precise selection, or upload an image to sample colors directly from real artwork.
How to pick a color online
Choose a color manually or sample from an image, then copy the exact color value you need.
Inspect HEX, RGB, and HSL values
Review the selected color as text values so the code is clear and easy to compare.
Copy the color code for design or development
Copy HEX, RGB, or HSL for CSS, design tools, brand guides, and UI work.
Color formats explained
HEX, RGB, and HSL describe the same color in different ways. Pick the format that fits your workflow.
Web and brand colors
Common for CSS, web design, and brand color references such as #2563EB.
Screen color values
Useful for digital displays and UI code where red, green, and blue channels matter.
Color adjustment
Useful when adjusting hue, saturation, and lightness while keeping a color relationship clear.
When to use a color picker
Use precise color values when you need consistent design, branding, or front-end implementation.
Sample colors from an image
Upload artwork, screenshots, or photos and pick a color directly from the image.
Build a website color palette
Choose base colors, tints, and shades for interface layouts and page sections.
Match brand colors
Check exact color values before using them in graphics, documents, or style guides.
Copy colors for CSS, design tools, or UI work
Move color values into code, mockups, design files, and component styling.
Color Picker FAQ
Quick answers about image sampling, color formats, copying codes, and browser-only image handling.
Is the Color Picker tool free to use?
Yes. You can choose colors manually, sample colors from an image, and copy HEX, RGB, or HSL values for free.
Can I pick colors from an image?
Yes. Upload an image, then click on the image preview to sample the color at that point.
What is the difference between HEX, RGB, and HSL?
HEX is common in CSS and brand guidelines, RGB describes red, green, and blue screen values, and HSL describes hue, saturation, and lightness for easier color adjustment.
Can I copy color codes?
Yes. The HEX, RGB, and HSL value cards each include a copy button.
Are uploaded images stored on your servers?
No. Image color sampling uses FileReader and canvas in your browser, so uploaded images are not sent to a server for this tool.