Image Color Picker Tool

Upload an image, Click anywhere, View the color codes in HEX, RGB, and HSL and Copy

Drag & drop image here or

HEX: #------

RGB: rgb(---, ---, ---)

HSL: hsl(---, ---%, ---%)

Complementary:

Analogous:

Triadic:

1. Upload an image using the button or drag & drop.

2. Click anywhere on the image to pick a color.

3. View the color codes in HEX, RGB, and HSL formats.

4. Click the copy icon to copy any color code.

Zoom: Use the + and - buttons to zoom in/out for precise color selection.

Color Palette: Click "Add to Palette" to save colors you like.

Color Harmony: View complementary and analogous color suggestions.

Extract Colors: Click "Extract Colors" to automatically find dominant colors in the image.

Upload an image and click anywhere to pick colors

No image loaded. Please upload an image.

Multiple Color Selection

Show Color Harmony

No colors extracted yet. Click "Extract Dominant Colors" to find colors in the image.

Basic Usage