Is Spectrum free to use?

Yes, Spectrum is completely free. There are no paid plans, no trial periods, and no features locked behind a paywall. All 7 tools are free for everyone, forever.

Do I need to create an account?

No account is needed. Open the site and start using any tool immediately. Your color history is saved to your browser locally, not to a server.

Are my images uploaded to a server?

No. Images are processed entirely in your browser using the HTML Canvas API. Your files never leave your device and are never sent to any server.

How do I extract colors from an image?

Upload an image (drag & drop, URL, or paste), then click anywhere on it to pick the color at that pixel. The color appears instantly in HEX, RGB, HSL, and more formats.

What is WCAG contrast ratio and why does it matter?

WCAG contrast ratio measures how different two colors look against each other. A ratio of at least 4.5:1 is required for normal text (AA level) to be readable by people with low vision. Spectrum's contrast checker tests your color pairs against all WCAG 2.1 levels.

What is color blindness and how common is it?

Color blindness (color vision deficiency) is a reduced ability to distinguish certain colors. About 8% of men and 0.5% of women are color blind in some way. The most common types are red-green (protanopia, deuteranopia) and blue-yellow (tritanopia). Spectrum simulates 7 types of color vision.

What are complementary colors?

Complementary colors sit directly opposite each other on the color wheel — red and green, blue and orange, yellow and purple. Placed side by side, they create the highest possible contrast and make each color appear more vivid.

What color formats does Spectrum support?

Spectrum supports HEX, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, LAB, LCH, XYZ, YUV, YCbCr, HSI, and several technical formats like integer, binary, and Base64. You can copy any format with a single click.

Pull every
color out of
any image.

Drop a photo, click any pixel, and read the exact value in HEX, RGB, HSL and more. Nothing is uploaded — it all runs on your device.

· Private by default· No sign-up· Free forever

Drop an image, or browse

PNG · JPG · GIF · WEBP — up to 10MB

Choose file

Extractedsunset-market.jpg

5 colors · click to sample

#2D6E7E

Deep Teal

#4CA85E

Fern

#E8C84B

Ochre

#E08A3C

Amber

#C24B4B

Clay

More tools

Everything you need to work with color.

Browse Colors

16,700+ named colors to explore

Color Palette

Build palettes from any single color

Gradients

Design CSS gradients visually

Contrast

Check if text is readable (WCAG)

Color Vision

See colors as others do

Color Theory

The meaning behind every color

Color theory

What does each color actually mean?

The psychology, culture, and harmonies behind every major hue.

Read the guide

Pull everycolor out ofany image.

Everything you need to work with color.

What does each color actually mean?

Pull everycolor out ofany image.

Everything you need to work with color.

What does each color actually mean?

Pull every
color out of
any image.

Pull every
color out of
any image.