Color picker
Edit CSS color names, HEX, RGB, or HSL, sample an original image pixel with keyboard controls and magnification, and save swatches locally. Copy alpha-aware formats or extract an image palette.
Also known asColor picker from image · HEX color picker · Color picker online · HTML color picker · Color picker tool
Preview composited on white. HEX stores alpha in 8 bits; decimal alpha is retained in RGB and HSL.
#7D9065rgb(125, 144, 101)hsl(86.512 17.551% 48.039%)rgb(49.02% 56.471% 39.608%)0.4902, 0.5647, 0.3961, 1--color: #7D9065;Color names use standard CSS keywords, such as red or rebeccapurple.
0 × 0 original pixels. Arrow keys move one pixel; Shift + arrow moves ten.
Palette colors approximate a resized sample. Fully transparent pixels are ignored; other pixels are composited on the backdrop. Percentages describe visible sampled pixels; selected colors may not total 100%.
Three small steps.
- Choose a color or open a local image.
- Click an image pixel, use coordinates or arrow keys, or adjust the RGB/HSL controls.
- Copy the color value in your preferred format.
A few things to know.
Screen sampling depends on browser support and requires your action. Image sampling reads the browser-decoded image in sRGB; it is not a print-proofing workflow. Images are limited to 24 megapixels and 25 MB.
How your privacy works →A little more clarity.
Why is screen sampling unavailable in my browser?
The EyeDropper API is not supported everywhere. Manual controls and local image sampling remain available.
Can I sample transparent pixels?
Choose a sampling backdrop or enable Keep sampled alpha to inspect the original pixel transparency. The preview is browser-decoded sRGB; palette extraction always summarizes colors on its chosen backdrop.
Related searchescolor picker from screen · color picker eyedropper