Searchlight
Tools
BlogAbout
Free SEO Audit
Back to home
๐Ÿ“ˆSEO & Analytics
๐Ÿ—‚๏ธText & Data
๐Ÿ”Encoders & Decoders
โšกGenerators
๐Ÿ”„Converters
๐Ÿ–ผ๏ธImage Tools
Image CompressorImage ResizerImage Rotate / FlipWatermark AdderImage to ASCIIColor PickerEXIF ViewerBackground RemoverImage UpscalerOCRDrawing BoardMeme GeneratorFavicon GeneratorID Photo Generator
๐Ÿ“„PDF Tools
๐Ÿ’ปCode Tools
๐Ÿ”Regex & Parsing
๐ŸงฎCalculators
๐Ÿ—บ๏ธDiagrams
๐ŸŒNetwork & Web
โœ๏ธText Utilities
๐ŸŽจColor Tools
๐Ÿ”€Diff & Compare
148+ tools. OAuth is read-only.
Searchlight

148+ free SEO, developer, image, PDF, and productivity tools - no account needed.

Free ยท all tools included
Company
  • Blog
  • About
  • Free SEO Audit
Legal
  • Privacy Policy
  • Terms of Service
  • Cookie Policy

ยฉ 2026 Searchlight. All rights reserved.

Read-only OAuth ยท No data reselling ยท Completely free

Image Color Picker

Click anywhere on the image to pick a color. Hover to see magnifier.

Upload an image to start picking colors

About this tool

Pick any colour from an uploaded image - click anywhere on the photo and instantly get the HEX, RGB, and HSL values of that exact pixel. Shows a magnified loupe for precision selection and a history of recently sampled colours. Perfect for designers extracting brand colours from logos, UI references, and photography.

How to Pick a Colour from an Image

  1. 1Upload an image by dropping it or clicking the upload area.
  2. 2Click anywhere on the image to sample the colour at that point.
  3. 3Read the HEX, RGB, and HSL values in the colour panel.
  4. 4Enable the loupe for a magnified view of the sampling area.
  5. 5Click any previously sampled colour in the history to copy it again.

Frequently Asked Questions

How precise is the colour picking?+
The tool picks the exact pixel colour under your cursor. Enable the loupe (magnifier) to zoom in and click with precision on small details.
Can I pick colours from a website screenshot?+
Yes. Take a screenshot, upload it, and click any colour you want to sample. For live website colour picking, use browser DevTools (click the colour swatch in the Styles panel).
What colour formats are shown?+
HEX (#ff6a1a), RGB (255, 106, 26), HSL (24ยฐ, 100%, 55%), and HSB/HSV are all shown for every picked colour.
How do I copy a colour value?+
Click the HEX, RGB, or HSL value in the panel to copy it to your clipboard. Or click any colour in the history panel to copy it again.
Looking for a deeper guide on this topic? Browse the Searchlight blog.
Visit the blog โ†’

Related tools

View all Image Tools โ†’
Image CompressorCompress images without quality lossImage ResizerResize & crop images to any dimensionImage Rotate / FlipRotate and flip images instantlyWatermark AdderAdd text or image watermarks