Could not check your sign-in status.
Screen Color Eyedropper
Guest Free Not signed in Usage: unlimited
About this tool
Choose a color on your screen to view and copy HEX, RGB and HSL values. You can also choose colors outside the browser window.
After selecting a color, its values are converted within this page only.
This browser cannot pick screen colors. Try Chrome or Edge on a computer.
Choose a color from your screen.
Choose a color to see the recommended text color.
User Guide Screen Color Eyedropper
Turn a color on your screen into a color value.
Select a color from a web page, image, or another visible part of your screen and check its HEX, RGB, and HSL values. Copy the value to keep colors consistent in documents or web designs.
How to Use
- STEP 01
Display the color you need
Make sure the color is visible. Supported browsers can also select colors shown outside the browser window.
- STEP 02
Pick a screen color
Select Pick a screen color, then click the desired area with the eyedropper. Press Esc to cancel.
- STEP 03
Review and copy the value
Check the selected color and its HEX, RGB, and HSL values. Press the copy button for your required format. You can also preview white and black text.
Choosing a Color Format
- HEX
- A color code such as #336699, commonly used in web and design tools.
- RGB
- Represents the amounts of red, green, and blue. Use it in applications accepting RGB values.
- HSL
- Represents hue, saturation, and lightness. Useful when adjusting the color tone or brightness.
- Suggested text color
- Shows how white and black text look on the selected background. Also check readability at the actual text size and in its intended location.
Pick the fill color of a sample heading, copy its HEX value, and paste it into your document’s color settings.
Useful For
Checking a sample color
Read the numeric value of a visible screen color.
Keeping document colors consistent
Apply the same color to multiple shapes or headings.
Choosing text colors
Compare the appearance of white and black text.
Processing and Data Handling
The selected color value is converted and displayed within the page. Picking a color does not upload a full-screen image to this website.
Frequently Asked Questions
Does it work on smartphones?
Screen color picking depends on browser support. If unavailable, try desktop Chrome or Edge.
Do I need to load an image file?
No. Display the desired color on your screen and select it. This is not an image upload tool.
Why is the selected color different from what I expected?
Text edges and gradients vary by the selected pixel. Try a uniform area of color.
Can it also read transparency?
It reads the color displayed on the screen. It does not read the original transparency setting in an image or CSS.
