Pick any color visually and instantly copy HEX, RGB, RGBA, HSL, and CMYK codes. Use the eyedropper to sample colors from your screen.
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.
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


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

move the hue slider to change the base color spectrum.

use the opacity slider to control transparency

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

use the eyedropper for screen colors or save to history.
pick colors the intuitive way with a clickable canvas, not just number inputs.
sample any color from your screen without installing anything extra.
get HEX, RGB, RGBA, HSL, and CMYK all in one place, so you never need another tool.
save your favorite colors and revisit them instantly without re-picking.
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.
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.
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.
Toolota is your all-in-one online tools platform. Fast, simple, and free utilities designed to make everyday digital tasks easier and smarter.