Pick any color and instantly see its HEX, RGB, HSL, and CMYK values. Copy any format with one click.
A color picker is an essential design tool that lets you select any color visually and retrieve its exact code in multiple formats. Whether you are working on web design, graphic design, or digital art, having precise color codes ensures consistency across your projects. This tool supports HEX, RGB, HSL, and CMYK formats, covering needs for screen-based and print work.
HEX is the most common web color format, using a six-character code preceded by a hash symbol. RGB (Red, Green, Blue) defines colors by their component intensities from 0 to 255 and is widely used in CSS and digital displays. HSL (Hue, Saturation, Lightness) offers a more intuitive way to adjust colors by tweaking their properties independently. CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for print design, representing how inks mix on paper.
Click the color input to open the system color picker. As you move through the color spectrum, all four value fields update in real time. Click any Copy button to place that color value on your clipboard, ready to paste into your code editor, design tool, or style sheet. The preview swatch below shows the selected color at a larger scale for easy reference.