Pick colors from any image or your screen with our free online color picker. Get HEX, RGB, and HSL codes instantly. 100% private and works in your browser.
Quickly grab the exact hex code from a brand logo, a mood board image, or an inspirational photo. Build your color palettes with pixel-perfect accuracy.
Extract color values from a UI mockup (JPG or PNG) to use directly in your CSS or app code. Get RGB values for native development or HEX for web styling.
Example: #00BFA5. The most common format for web colors. A six-digit code representing the mix of Red, Green, and Blue.
Example: rgb(0, 191, 165). Defines intensity of red, green, and blue light components (0-255).
Example: hsl(174, 100%, 37%). More intuitive for humans. Hue is color type, Saturation is intensity, Lightness is brightness.
This tool runs entirely in your browser. We do not upload, store, or analyze your files. Everything you process stays on your device.
Color Picker is most useful when it sits inside a small repeatable workflow: prepare the source, make the change, then check the output before sharing it.
Use Color Picker for this job: Pick colors from any image or your screen with our free online color picker. Get HEX, RGB, and HSL codes instantly. 100% private and works in your browser. It keeps the task in the browser without moving the work into a heavier desktop app.
Preview the result, compare it with the original, and repeat the settings until the file is ready for a real project.
For adjacent tasks, stay inside the color tools collection instead of opening another service.
Related workflow links
Learn the fundamentals of web accessibility and color contrast. Understand WCAG ratings (AA vs. AAA) and use our quick checks and practical fixes to make your UI readable for everyone.
Your logo is a goldmine of color information. Learn how to extract key colors from your logo and expand them into a full, versatile brand palette for your website, social media, and marketing materials.
No. Your privacy is guaranteed. All processing happens entirely within your web browser. Your images never leave your device, and we never see or store them.
This feature uses your browser's built-in EyeDropper API (Chrome/Edge/Opera). It allows you to pick a color from any application or window on your entire screen, not just from the image in the browser.
HEX (#RRGGBB) is standard for web design. RGB uses 0-255 values for Red, Green, Blue intensity. HSL (Hue, Saturation, Lightness) is often more intuitive for humans to adjust color properties.