Load image
Drag an image here or use curated Pexels samples to start instantly.
Drop image or click to uploadPNG, JPG, WebP are processed directly in your browser.
Choose an image to begin picking colors.
Color Intelligence Studio
Image Color Picker
Drop an image, pick exact colors, generate professional palettes, inspect accessibility contrast, and export design-ready tokens in seconds.
FormatsHEX RGB HSLPlus HSV, CMYK, LAB approximations.
WorkflowPick → PaletteBeginner-friendly, professional output.
PrivacyBrowser onlyUploaded images stay on your device.
OutputDesign tokensCopy or export ready-to-use colors.
No server upload
Pick from image
Move over the image and click to lock a color. The loupe helps you pick precise pixels.
No image loadedUpload or choose a Pexels sample first.
#3F67FF
Picked color
Copy exact values for development, design systems, or brand documentation.
HEX#3F67FF
RGBrgb(63,103,255)
HSLhsl(228,100%,62%)
CMYKcmyk(75,60,0,0)
HSVhsv(228,75%,100%)
LABlab(51,38,-82)
Smart palette
Extracted from the image with a lightweight clustering approach and tuned for practical design usage.
Harmony suggestions
Use the picked color to create ready-made complementary, analogous, and triadic combinations.
Contrast checker
Check text readability against WCAG-style contrast ratios. Great for buttons, labels, and landing pages.
Readable headlineSmall labels and body text should stay comfortable to read.
5.25:1
Passes WCAG AA for normal text.
Export tokens
Copy CSS variables or JSON tokens for apps, websites, and brand systems.