Color
Picker

Pick colors visually, sync HEX/RGB/HSL values, and sample palettes from uploaded images.

Main picker

Interactive surface plus synced format values.

Selected: #FF3366

Color values

Image inspector

Upload an image, inspect pixels, and click any point to select it.

Upload image

No Image


Upload an image to extract a palette and inspect pixels.

Hovered pixel

--

Hover for a live preview, then click the image to load that pixel into the main picker.

Dominant palette

Click any swatch to make it the active color.

Learn more

Ever wondered why we have three different ways to write the same color?

Was this useful?

Frequently Asked Questions

HEX uses a 6-digit hexadecimal code (#FF5733). RGB specifies red, green, and blue values from 0-255. HSL uses hue (0-360 degrees), saturation, and lightness percentages. All three represent the same colors in different formats.

Use an eyedropper or color picker tool to click on any pixel in an image. The tool reads the pixel RGB values and converts them to HEX, HSL, and other formats.

WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Use a contrast checker to verify your color combinations meet accessibility standards.

Color Picker - Extract Palettes & Convert HEX/RGB/HSL | ToolsCanvas