How do I sample colors from artwork?
Load any image and click directly on the pixel you want. HEX, RGB, and HSL values appear instantly above the palette so you can copy them into Figma, CSS, or brand decks without third-party plugins.
campaign Header Banner (320x100)
campaign Header Leaderboard (728x90)
Color Picker Toolkit
Sample colors instantly for design-ready palettes.
Pick and manage brand-safe colors from wheels or images, generate palettes, and reuse trusted combinations. Great for UI kits, brand guidelines, product catalogs, and print-ready exports.
No image loaded. Use “Load image” to pick a file and start sampling.
featured_video Mobile Banner (320x100)
featured_video Mid-Content Leaderboard (970x90)
ads_clickAdMedium Rectangle300x250
ads_clickPremium PlacementBillboard Unit (970x250)Maximum impact advertising zone
FAQs
Color Picker deep dive
Everything you need to know about workflows, presets, and export hygiene inside the Color Picker lab.
Can I check accessibility contrast?
Switch to Contrast mode to see AA/AAA ratings against both light and dark canvases. Product teams rely on it to ship inclusive UI states without round-tripping to external tools.
How do I build palettes quickly?
Use the Combos mode to stack harmonious swatches. Each tile shows recommended pairings, so you can draft hero gradients, CTA buttons, and supporting text colors in one sitting.
Does it work offline?
Yes-everything is client-side. Once the app loads, you can disconnect from the network and keep sampling from screenshots or product renders safely.