← All tools

Free Color Picker:
Extract colors from any image instantly.

Image

Demo landscape. Click to pick a color.

Demo image · click anywhere to sample a color

Color palette

8 colors · click a swatch to copy its HEX code

Explore tints & shades

Tints mix your color with white; shades mix it with black. Click any swatch to copy its HEX code and inspect its values.

Tints

Shades

Inspect a HEX color

Need dedicated conversion? Open RGB ↔ CMYK Converter or Pantone Color Tool.

Understanding color codes

HEX & RGB

RGB combines red, green and blue light, each from 0–255. HEX writes the same three channels in hexadecimal: #FF0000 is red, #000000 black and #FFFFFF white.

HSL & HSB

HSL uses hue, saturation and lightness. HSB (also called HSV) uses brightness instead. Hue is an angle; saturation, lightness and brightness are percentages.

CMYK & print

CMYK describes cyan, magenta, yellow and black ink. Screen RGB and printer CMYK have different gamuts. A mathematical conversion cannot guarantee the same printed color.

Shades, tints & palettes

Use lighter tints for backgrounds and darker shades for emphasis. Extracted palettes are representative, not every pixel color. Always check text contrast before using a palette in a design.

Upload, paste, or enter an image URL to get HEX, RGB, HSL and more. No signup needed.

100% free · No sign-up · No daily limits · No watermarks · Processed in your browser — files never leave your device

UNDERSTAND YOUR RESULTS

Color Picker guide

Color Picker: Choose a color, inspect its available representations and copy the value.

📖 From the blog: Choosing a colour palette for your website that still looks professional

How to use this tool

  1. Choose a color, inspect its available representations and copy the value.
  2. Check the displayed feedback and compare the result with your original input.
  3. Copy or download using the tool’s controls. Keep your original until you have checked the output.

A worked example

Use #000000 for black and #FFFFFF for white.

What you can do with this tool

How it works

Choose a color, inspect its available representations and copy the value.

Frequently asked questions

Which colour codes does the picker give me?

Pick a colour and you can inspect its available representations and copy HEX, RGB and HSL codes for it. For reference, #000000 is black and #FFFFFF is white.

Can I pick a colour from an image?

Yes. Click anywhere on the demo image to sample a colour, or upload, paste, or enter an image URL to get HEX, RGB, HSL and more for its colours.

What are the tints, shades and palette shown for a colour?

Tints mix your colour with white and shades mix it with black; click any swatch to copy its HEX code and inspect its values. The palette shows 8 colours, and clicking a swatch copies its HEX code.

Does picking a colour guarantee it will be readable on my background?

No. A chosen colour alone does not guarantee accessible contrast against your background, so check the contrast of the pairing before using it for text.

Blog · Shop · About · Contact · Privacy Policy · Terms