What can the color picker page do?

You can pick a color online and view the corresponding HEX, RGB, HSL, HSV and CMYK results — great for front-end development, design collaboration and color-scheme reference.

Which scenarios does it suit?

Web color schemes, design annotation, color-value extraction and everyday color-value reference.

Can I enter a HEX value manually?

Yes, the page lets you enter a color value directly and view the results in sync.

Which results does it output?

It outputs common color formats such as HEX, RGB, HSL, HSV and CMYK, well suited to front-end and design collaboration.

Color Picker

Pick colors online / HEX / RGB / HSL value reference

Color tool

Pick a color online and see multiple color-format results in real time

Great for front-end development, UI color schemes, design collaboration and everyday color-value reference.

HEX#14B8A6

RGBrgb(20, 184, 166)

HSLhsl(173, 80%, 40%)

HSVhsv(173, 89%, 72%)

CMYKcmyk(89%, 0%, 10%, 28%)

When to Use the Color Picker

If you want to quickly get the HEX, RGB, HSL, HSV or CMYK values of a color, this online color picker is great for front-end development, design color schemes and color-value reference. If you need to pick a color from an image instead, use the image color picker.