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 Gratuito Sem cadastro

Screen Color Analysis Tool

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

Carregando ferramenta…

Sobre esta ferramenta

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.

Como usar

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.

Perguntas frequentes

Ferramentas relacionadas

Conversor de cores (HEX, RGB, HSL)

Converta cores entre HEX, RGB, HSL, HSV e CMYK — com prévia em tempo real.

Verificador de Contraste de Cores

Verifique as taxas de contraste WCAG 2.1 para pares de cores de primeiro plano/fundo e obtenha resultados de aprovação/reprovação instantaneamente.

Simulador de Daltonismo

Visualize como suas imagens aparecem para pessoas com diferentes tipos de daltonismo.

Color Palette from Image

Extract dominant colors from any image using k-means clustering with CSS, Tailwind, Figma, and ASE export.