Seletor de cores de imagem

Este seletor de cores de imagem responde a uma pergunta simples e frequente: qual é a cor exata desse pixel? Carregue ou arraste uma foto, captura de tela ou exportação de design e a ferramenta desenha-a em uma tela com precisão de pixels. Mova o cursor e uma lupa o seguirá, ampliando os 11×11 pixels abaixo para que você possa mirar com precisão; os valores sob o cursor são mostrados ao vivo. Um clique e a cor aparece em três cartões – HEX para CSS, RGB para código, HSL para ajustar a luminosidade – cada um com seu próprio botão de cópia.

A precisão é o objetivo de um selecionador como este. Em texto suavizado, gradientes e bordas de fotos, os pixels vizinhos diferem visivelmente, e a seleção a olho nu em uma visualização reduzida captura o tom errado na maioria das vezes. A lupa mostra cada pixel físico como um quadrado grande com uma cruz no centro, de modo que o valor que você copia é exatamente o valor do pixel que você quis dizer. Um histórico das últimas oito escolhas é mantido como amostras de cores – clique em qualquer uma delas para copiar a cor novamente.

A ferramenta é construída na API de tela do navegador e funciona totalmente no seu dispositivo: a imagem nunca é carregada, não há fila nem conta, e até mesmo maquetes ou documentos confidenciais podem ser inspecionados com segurança. Funciona com qualquer formato de imagem que seu navegador possa abrir, incluindo PNG, JPG, WebP, GIF e SVG.

Usos típicos: recuperar a cor de uma marca de um logotipo quando o guia de estilo é perdido, combinar as cores da UI com uma captura de tela de referência, verificar como um gradiente realmente é renderizado ou capturar uma paleta candidata de uma foto. Se você precisar da cor em outra notação – CMYK para impressão ou valores normalizados – a ferramenta de conversão de formato de cor continua exatamente onde o conta-gotas parou.