Screen Color Analysis Tool
Pick any color from your screen and get harmonies, accessibility, and conversions.
About this tool
Use the EyeDropper API to pick any color from anywhere on your screen. Instantly see the color in HEX, RGB, HSL, CMYK, LCH, and LAB formats. Get color harmony suggestions (complementary, triadic, analogous), WCAG accessibility ratings, color blindness simulations, and the nearest CSS named color. Maintains a history of your last 20 picked colors.
How to use
- 1 Click 'Pick Color from Screen' to activate the eyedropper.
- 2 Click any pixel on your screen to capture its color.
- 3 View the color in all formats and see harmony swatches.
- 4 Check WCAG accessibility scores for text on this background.
- 5 Simulate how the color appears to colorblind users.
- 6 Click any history swatch to reload a previously picked color.
Frequently Asked Questions
Convert colors between HEX, RGB, HSL, HSV, and CMYK — with live preview.
Check WCAG 2.1 contrast ratios for foreground/background color pairs and get pass/fail results instantly.
Preview how your images look to people with different types of color blindness.
Extract dominant colors from any image using k-means clustering with CSS, Tailwind, Figma, and ASE export.