Inspect an exact color at an image edge
Use the magnified 7×7 neighborhood to distinguish an antialiased edge from the solid area whose HEX value you need.
Color Picker | Extract Colors from Images and Screen
Color Picker | Extract Colors from Images and Screen
Convert HEX, RGB, and HSL values, then sample pixels from uploaded or pasted images or from the screen in supported browsers.
Key features
- Converts editable HEX, RGB, and HSL values and copies each color format.
- Samples pixels from an image uploaded or pasted into an in-browser canvas by pointer or keyboard.
- Shows selected coordinates and a 7×7 pixel neighborhood for checking color boundaries.
- Selects a screen color through the EyeDropper API when the browser supports it.
- Keeps up to 18 recently selected HEX colors in that browser's local storage.
- Removes individual colors with undo and saves up to 60 favorites with optional names.
How to use
- Pick a color or enter a HEX, RGB, or HSL value.
- Optionally sample an image pixel or use the supported screen eyedropper.
- Press Enter or leave an edited field to save the color. Copy a value or select the star to keep a favorite.
Examples
Capture a UI color from the screen
In a browser with EyeDropper support, pick a visible screen color and copy it as HEX, RGB, or HSL.
Privacy
Uploaded images are read on an in-browser canvas and are not sent to a server. Recent colors, favorites, and their names are saved in this browser and removed when browser data is cleared.
Requirements
Screen sampling requires a browser with EyeDropper API support and user permission. Image sampling uses the original resolution drawn to the canvas.
Common questions
- Does clearing recent colors delete my favorites?
- No. Recent colors and favorites are stored separately. You can undo an individual deletion or removal from favorites.
- Will my favorite colors remain when I return?
- Colors and their names remain after a refresh or another visit in the same browser. They do not sync between devices and are removed if browser storage is cleared.
- Can I select image pixels with a keyboard?
- Yes. Focus the canvas, move with the arrow keys, and commit the highlighted pixel with Enter or Space.
- Is an uploaded image sent to a server?
- No. The image is read in an in-browser canvas and is not sent to a server.
Related tools
- HEX, RGB, HSL, and HSV Color ConverterSynchronize HEX, RGB, HSL, and HSV values from a color picker or text input, including alpha conversion.
- WCAG Color Contrast CheckerCalculate the WCAG 2.x contrast ratio between foreground and background HEX colors and test AA or AAA for normal and large text.
- Linear & Radial CSS Gradient GeneratorVisually edit linear or radial gradient direction, shape, color stops, and positions, then copy the background CSS.
- Text, Emoji & Image Favicon PNG GeneratorTurn text, emoji, or an image into shaped icons and download six PNG sizes for browsers, Apple, Android, and PWAs.