1001Ferramentas
🎨Utilitários

Eyedropper (Conta-gotas) da Tela

Explica como usar a API EyeDropper do navegador para coletar uma cor de qualquer ponto da tela.

O navegador (Chromium 95+) oferece a API EyeDropper:

const ed = new EyeDropper();\nconst r = await ed.open();\nconsole.log(r.sRGBHex); // ex: "#3b82f6"

O usuário precisa permitir e clicar em algum ponto da tela. Não funciona em Safari e Firefox no momento.

Ferramentas Relacionadas