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.

이 도구에 대해

사용 방법

자주 묻는 질문