Color Picker
Pick any color and get its HEX, RGB, HSL, and CMYK values instantly.
Color Values
#7C3AED
rgb(124, 58, 237)
hsl(262, 83%, 58%)
cmyk(48%, 76%, 0%, 7%)
Live Contrast Score (WCAG 2.1)
5.70:1
3.69:1
Shades
How to Use a Color Picker
A color picker is an essential tool for designers and developers to select precise colors for their projects. Our online color picker lets you choose any color visually and instantly provides the color code in multiple formats including HEX, RGB, HSL, and CMYK.
HEX codes (like #7C3AED) are the most common way to represent colors in web design and CSS. RGB (Red, Green, Blue) values are used in CSS and most programming languages. HSL (Hue, Saturation, Lightness) is more intuitive for human understanding of color relationships, making it easier to create color variations.
CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard color model used in print design. When designing for both web and print, having instant access to CMYK values ensures your colors translate accurately across mediums.