Pick precise colors and build complete palettes in seconds

Upload an image, click any pixel and instantly get HEX, RGB and HSL values.

1. Upload an image

Everything runs in the browser with canvas. No server upload.

2. Use the eyedropper

Click on the image to capture exact pixel color.

3. Build harmony and shades

Generate automated palettes and light/dark scales with one click.

Click to choose an image or drag and drop it here.

Selected color

HEX #4F46E5

RGB rgb(79, 70, 229)

HSL hsl(243, 76%, 59%)

Color history

Harmony

Light scale

Dark scale

Quick color-code guide

HEX encodes each color channel in hexadecimal. RGB maps red, green and blue from 0 to 255. HSL uses hue, saturation and lightness, which is often easier for visual adjustments in UI and branding projects.

Frequently asked questions

Do I need to upload images to a server?

No. Image processing happens entirely in your browser using canvas.

Which harmonies are available?

Complementary, analogous, triadic, tetradic and monochromatic.

Does it work on mobile?

Yes. The interface is mobile-first and optimized for small screens.