HelloAI

App

Color Picker

Paste screenshots directly, pick any pixel, and copy values ready for code.

Picker

Drag inside the square or adjust the hue slider.

Current
Locked
136 deg
100%
#32A852
50, 168, 82
50, 168, 82, 1
70%, 0%, 51%, 34%
136, 70%, 66%
136, 54%, 43%
background: #32A852;
bg-[#32A852]
$color-primary: #32A852;
Recent picks

Image Picker

Paste screenshots instantly (no upload), or drop an image and sample any pixel.

Paste from clipboard or drop a file here.

No image loaded.
Palette from image

Tip: press Ctrl+V or Cmd+V to paste a screenshot.

How to pick a color from an image

Quick steps for extracting precise color values online.

1) Add an image

Paste a screenshot with Ctrl+V or Cmd+V, or upload a file from your device.

2) Sample a pixel

Move over the image and click to capture the exact color under the cursor.

3) Copy code-ready output

Copy HEX, RGB, CSS, Tailwind, or Sass values directly into your project.

Color picker FAQ

Can I use this for UI design?

Yes. It is useful for design QA, UI consistency checks, and front-end implementation.

Do images get uploaded?

No. Image sampling is handled in the browser.