Does the EyeDropper API work in all browsers?

The EyeDropper API is supported in Chrome, Edge, and Opera. For unsupported browsers, a manual hex input fallback is provided.

What WCAG contrast ratios are checked?

The tool checks contrast ratios against both white and black backgrounds and rates them as AAA (7:1+), AA (4.5:1+), AA Large (3:1+), or Fail.

What color harmony types are shown?

Complementary, split-complementary, triadic, analogous, tetradic, and monochromatic harmonies are all generated.

How is color blindness simulated?

The tool simulates deuteranopia (red-green), protanopia (red), and tritanopia (blue-yellow) color blindness using standard transformation matrices.

Design 免费无需注册

Screen Color Analysis Tool

Pick any color from your screen and get harmonies, accessibility, and conversions.

正在加载工具…

关于此工具

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.

使用方法

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.

关于此工具

使用方法

常见问题