Zadein Logo
Zadein
ToolsPricing
Add to Chrome

About the Color Picker

The Zadein Color Picker lets you select or input a colour and instantly see its values across multiple formats including HEX, RGB, HSL, and CMYK. It is a useful reference tool for designers and developers who need accurate colour codes for their work.

How to use

  1. 1Use the colour wheel or palette to select a colour visually.
  2. 2Or type a known value in HEX, RGB, or HSL format to look up its equivalents.
  3. 3Copy the colour code in the format you need.

Common use cases

  • Find the HEX code for a colour in a design to use in CSS.
  • Convert a brand colour from RGB to CMYK for print use.
  • Explore colour variations by adjusting hue, saturation, and lightness.
  • Pick and copy colours for use in a design tool or code editor.

Frequently asked questions

Can I pick a colour from an image on screen?

The colour picker allows manual input and palette selection. Screen picking from external images depends on your browser's capabilities.

What colour formats are supported?

HEX, RGB, HSL, and CMYK values are displayed. You can copy any of these formats directly.

Is this tool useful for checking brand colour consistency?

Yes. You can input your brand colours and verify their values across different formats to ensure consistency across digital and print materials.

Advanced Color Picker

Pick, convert, and generate color codes in HEX, RGB, and HSL formats.

Processed locally. No color data is sent to any server.
HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
Selected
Complementary