Developer Utilities · Free tool
Color Picker
Interactive color picker with HEX, RGB, HSL, and alpha. Paste a color to convert, or pick from a gradient.
Updated April 2026
RGB sliders
HSL sliders
Values
HEX
#0F766ERGB
rgb(15, 118, 110)HSL
hsl(175, 77%, 26%)HSV
hsv(175, 87%, 46%)CMYK
cmyk(87%, 0%, 7%, 54%)What it does
Pick any color with a native color picker or RGB/HSL sliders, and get the value in HEX, RGB, HSL, HSV, and CMYK — each with a one-click copy button. The big swatch preview makes it easy to compare shades before locking in a palette.
Useful for designers, front-end devs, and anyone building a brand palette. For converting between one color format and another only, see color converter. To pull colors out of an image, color extractor.
How to use it
- Click the color preview or drag the RGB/HSL sliders.
- Watch HEX, RGB, HSL, HSV, CMYK update live.
- Copy any format with its copy button.
- Use the swatch to compare the chosen color visually.