Skip to content
Toolden

TOOLDENIMAGEON-DEVICE

Color Picker from Image

Pick any color from an uploaded image and copy its hex code.

Pick a JPG, PNG, WebP, or SVG to start sampling colors.
Upload an image to begin. The picked color will appear here.
Palette of 8 dominant colors appears here once an image loads.

Pick colors from any image and copy a palette of dominant shades. Click a swatch to copy its hex code. All processing happens in your browser.

HOW TO USE

  1. 1Click Choose an image and pick a JPG, PNG, WebP, or SVG file. It renders below.
  2. 2Click anywhere on the image to pick that exact pixel's color.
  3. 3The picked color shows as hex, HSL and RGB, with a copy button.
  4. 4A palette of 8 dominant colors with coverage percentages appears on the right. Click any swatch to copy its hex.

EXAMPLE

INPUT

Upload a landscape photo and click on the sky

OUTPUT

Picked: #4A90D9 (RGB: 74, 144, 217)
Palette: sky 34%, grass 22%, trees 18%, clouds 12%, soil 8%, rocks 4%, flowers 2%, misc 0%

FAQ

How do I pick a color from an image?
Upload an image, then simply click on it. The exact color of the pixel you click is shown as hex, HSL and RGB.
What is the palette percentage?
Each swatch shows what share of the image is covered by that color, so you can see which colors dominate the picture.
Does SVG work?
Yes. SVG files are normalized to explicit pixel dimensions from the width, height, or viewBox, and external resources and scripts are stripped so the canvas stays untainted.
Is my image uploaded?
No. The image never leaves your device. All pixel analysis happens in your browser.
Can I copy a color?
Yes. The picked color has a Copy button, and every palette swatch copies its hex code when clicked.

RELATED TOOLS