Illustration of a photo with an eyedropper tool sampling a pixel, and HEX, RGB, and HSL color swatches

Color Picker

Upload an image, then click anywhere on it to read that pixel's exact color. Picking happens entirely in your browser — nothing is re-uploaded per click.

Drag & drop an image here, or


ℹ️ How this works
  • The image is drawn onto a canvas at its full original resolution — every click samples the real pixel, not a scaled-down approximation.
  • Color reading happens with plain browser JavaScript (getImageData) — the image is never re-sent to the server per click, so picking is instant and works offline once loaded.
  • Uploads are capped at 10 images per hour per visitor — picking colors from an image already in your browser is never affected by that limit.
💻 Show API usage example (cURL)
curl -sS -X POST https://devops.majbase.com/color-picker/api \
    -F "file=@photo.jpg" -F "x=120" -F "y=80"

Returns JSON: {"x": 120, "y": 80, "hex": "#RRGGBB", "rgb": {"r":0,"g":0,"b":0}, "hsl": {"h":0,"s":0,"l":0}} — out-of-range x/y are clamped to the image bounds, same as clicking past the edge of the picker on this page.

🤖 Use this API as a Claude Skill

Want an AI agent (Claude Code, claude.ai, or anything else that supports the Agent Skills format) to use this tool for you on request? Download the skill below and add it:

⬇️ Download SKILL.md · View raw