Color Picker

Select a color from the swatch grid or spectrum to get its value in different formats.

Pixel Color

How It Works

This interactive tool provides two ways to select a color. The "Sampler" gives you a grid of pre-defined swatches for quick selection. The "Spectrum" tab offers a more granular approach. The main square allows you to adjust saturation (left-to-right) and lightness (top-to-bottom), while the slider below changes the hue (the pure color). As you select a color, the tool instantly provides its value in several common color models used in design and development: HEX, RGB, and CMYK. You can click on any of these values to copy them to your clipboard.