Color Picker

Pick any color visually and instantly copy HEX, RGB, RGBA, HSL, and CMYK codes. Use the eyedropper to sample colors from your screen.

Color Canvas
Hue
Opacity 100%
Color Preview
#9D4F91
Custom Color Input
All Formats
HEX#9D4F91
RGBrgb(157, 79, 145)
RGBArgba(157, 79, 145, 1)
HSLhsl(306°, 33%, 46%)
CMYKcmyk(0%, 50%, 8%, 38%)
Color History

Other Tools

Color Picker Free | HEX, RGB, HSL, CMYK & More Formats

Need a free color picker that gives you every format you need? This online color picker lets you visually select any color, preview it in real time, and copy the code in HEX, RGB, RGBA, HSL, or CMYK. Whether you are matching brand colors as a designer or pulling values for CSS as a developer, it gives you every format in one place. You may even use the integrated eyedropper to pick colors straight from your display.

Every Control And Color Format On The Screen

  • Interactive color canvas — click or drag to select any color visually

  • Hue slider — adjust the base color from 0° to 360°

  • Opacity control — set transparency from 0% to 100%

  • Live color preview — see your selected color with alpha transparency

  • HEX color codes — copy the standard hex value instantly

  • RGB values — get red, green, and blue numbers

  • RGBA format — includes alpha channel for transparent colors

  • HSL color — hue, saturation, and lightness values

  • CMYK converter — cyan, magenta, yellow, and key (black) percentages

  • Color eyedropper tool — sample any color from your screen

  • Custom color input — paste a HEX or RGB value manually

  • Color history — save up to 10 colors for quick access

  • Color history — save up to 10 colors with Save to History, and remove them with Clear History

  • Save colors you are working with to history so you can switch between them without re-picking.

  • Reset — return to the default color

Color Picker Free Toolota

Five Steps From First Click To Copied Code

1

Select a color —

Click anywhere on the color canvas to set the saturation and brightness. / Use the opacity slider to control transparency.

2

Adjust the hue —

move the hue slider to change the base color spectrum.

3

Set opacity —

use the opacity slider to control transparency

4

Copy your format —

click Copy next to HEX, RGB, RGBA, HSL, or CMYK.

5

Save or sample —

use the eyedropper for screen colors or save to history.

Why Designers Reach For This Quick Picker

🎨 Visual color selection —

pick colors the intuitive way with a clickable canvas, not just number inputs.

🔬 Eyedropper built in —

sample any color from your screen without installing anything extra.

📋 Multiple output formats —

get HEX, RGB, RGBA, HSL, and CMYK all in one place, so you never need another tool.

⏱️ Color history —

save your favorite colors and revisit them instantly without re-picking.

Pro Tips

Once you’ve locked in a HEX or RGB value here, expand it into a full scheme with the Color Palette Generator using complementary, analogous, or triadic harmony.

Need the same color in a different notation for design software or print work? Run it through the Color Converter to switch between HEX, RGB, HSL, and CMYK instantly.

HEX, RGB, and HSL aren’t interchangeable by accident — they’re formally defined CSS color values, which is why each format behaves differently when you adjust it.

What Your Color Values Actually Tell You

When you pick a color, the numbers you see represent different ways to describe that same color. HEX color codes give you a six-character string like #9D4F91, perfect for web design. RGB values break it down into red, green, and blue components. HSL color describes it by hue, saturation, and lightness — great for intuitive adjustments. The percentages required for printing are shown in the CMYK converter output. Every format has a distinct use, and this free color picker utility gives you access to all of them.

Frequently Asked Questions
What formats can I copy with this tool?

This tool lets you copy HEX, RGB, RGBA, HSL, and CMYK color codes with one click.

Click the “Pick from Screen” button and then click any color visible on your monitor. The tool will capture and display that color.

Yes — click the “Save to History” button and your current color gets stored in the history strip below.

The tool saves up to 10 colors in your history. Older colors drop off as you add new ones.

The eyedropper depends on browser support. It works in Chrome and Edge, but it may not appear in other browsers.