wid9et
Sign In

Colour Picker

Choose a colour, pick one from your screen, or upload an image and sample any pixel.

Pick from an image

Upload an image, then choose one of its main colours or click anywhere on the image for an exact colour.

Choose a colour

Tap or click the colour box to open the colour picker.

HEX

#2563EB

RGB

rgb(37, 99, 235)

HSL

hsl(221, 83%, 53%)

Explore more Image & Design →Build your own widget - free →

How to use Color Picker

  1. 1Choose a colour directly from the colour controls, or upload an image.
  2. 2Select the colour you want to inspect.
  3. 3Copy the colour value for use in your design or code.

Useful tips

  • •Use image picking when you need to match an existing logo, photo or design.
  • •Copy the exact value instead of trying to recreate the colour by eye.

Frequently asked questions

Can I pick a colour from an image?

Yes. Upload an image and select a pixel to read its colour.

Can I copy the colour value?

Yes. Use the copy control to put the selected colour value on your clipboard.