All Tools

Color Picker

Pick colors and get HEX, RGB, HSL, HSV, CMYK values

Pick a Color

Color Values

HEX#667eea
RGBrgb(102, 126, 234)
HSLhsl(229, 76%, 66%)
HSVhsv(229, 56%, 92%)
CMYKcmyk(56%, 46%, 0%, 8%)

CSS Code

color: #667eea;
background-color: #667eea;
border-color: #667eea;
color: rgb(102, 126, 234);
color: hsl(229, 76%, 66%);

Color History (Last 10)

Color Harmonies

How Color Picking Works

This tool lets you select any color and instantly see its representation in multiple color formats used across web development, graphic design, and print.

Color Formats

Color Harmonies

Frequently Asked Questions

What color formats are supported?
HEX, RGB, HSL, HSV, and CMYK. Copy any format individually for CSS, design tools, or print.
What are complementary colors?
Complementary colors sit opposite on the color wheel and create high contrast. E.g., blue and orange.
How do I copy a color value?
Click the copy icon next to any format to copy it to your clipboard.
What is the color history?
The last 10 picked colors are saved so you can quickly reference or return to them.

Related Tools

HEX to RGB CSS Minifier HTML Beautifier JSON Formatter

Go deeper

Read the SnoopTool guide behind this tool

The calculator gives you the number. These SnoopTool guides explain the method, the assumptions and the decision — with worked examples, data tables and FAQs.

Browse all SnoopTool guides →

Answers, not just a number

Short, exact answers to the questions people ask alongside this tool — the number first, then the working.

For teams, not just visitors

Want this calculator on your own site?

We build the calculators on SnoopTool as embeddable widgets in your branding, wired to your own lead form — the same maths, your colours, your domain, your leads. Tell us which one and we will send back a working demo you can put in front of your team.

One reply from a person, within one business day. No newsletter, no sequence. See our privacy policy.