Image Color Picker — Sample Colors from Photos
Upload any image — photo, screenshot, design mockup — and click to sample any pixel's exact color. A magnifier helps you pick precisely.
Drop an image here or click to upload
PNG, JPG, GIF, WEBP — any image format
How to use
- Drag and drop an image onto the upload area, or click to browse your files.
- Hover over the image — a magnifier shows the zoomed area around your cursor.
- Click on any pixel to sample its color.
- The picked color appears below the image with HEX, RGB, and HSL values.
- Previously picked colors are saved in the color history for quick reference.
Tips
- Works with PNG, JPEG, GIF, WEBP, and any other browser-supported image format.
- Your image never leaves your device — all processing is done in the browser.
- Click a swatch in the color history to re-select and copy that color.
Related Tools
HEX to RGB Color Converter
Convert HEX color codes to RGB, HSL, HSV, and CMYK values instantly.
RGB to HEX Color Converter
Set R, G, B values with sliders or inputs and get the HEX, HSL output.
Color Contrast Checker — WCAG AA & AAA Compliance
Check WCAG 2.1 color contrast ratio for AA and AAA compliance. Live text preview.
Color Mixer & Gradient Generator
Blend two colors together with a ratio slider. Get a full gradient palette.
CSS Color Names — All 148 Named Colors
Browse all 148 CSS named colors with their HEX and RGB values.
Material Design Color Chart & Palette
Material Design color palette — 19 hue families × 10 shades each.
Minecraft Color Codes — All § Codes with Preview & Copy
All 16 Minecraft color codes and 6 formatting codes. Live preview, click-to-copy HEX, MOTD strings, and Bukkit/Paper API enum reference.
Roblox Color Codes — All BrickColor IDs with Hex & RGB
Complete list of all Roblox BrickColor codes with color IDs, HEX values, and RGB — copy instantly for use in Lua scripts and Studio.
Color Palette Generator
Generate harmonious color palettes from a base color using complementary, triadic, and analogous schemes.
Color Format Converter
Convert colors between HEX, RGB, HSL, HSV, CMYK, and CSS named color formats instantly.
Color Shades Generator
Generate a 10-step shade palette (50–900) from any base color using HSL lightness scaling — just like Tailwind CSS.
Color Gradient Palette Generator
Generate smooth RGB gradients between two colors with 3–20 steps. Copy HEX swatches, CSS linear-gradient, or a Tailwind array.
Color Contrast Analyzer
Check WCAG 2.1 contrast ratios for any color pair. Pass/fail for AA and AAA levels — plus automatic suggestions and live text preview.
Color Blindness Simulator
Upload any image to see how it appears with Protanopia, Deuteranopia, Tritanopia, and Achromatopsia.
Online Color Picker — HEX, RGB & HSL
Pick any color visually with a canvas-based HSV picker. Export as HEX, RGB, or HSL.
Color Wheel Online — Interactive HSL Color Picker
Interactive HSL color wheel. Click any point to pick its hue and saturation.