Seletor de cores de imagem
Sobre esta ferramenta
Envie uma imagem de design, uma captura de tela ou uma foto e clique em qualquer pixel para copiar a cor em formato HEX, RGB ou HSL. A lupa ajuda a selecionar pequenos elementos da interface e a recuperar cores diretamente da imagem.
Como usar
- Seleção da cor de um pixel com um clique
- Lupa para escolha precisa
- Valores em HEX, RGB e HSL
- Cópia do valor para a área de transferência
- Histórico das últimas cores selecionadas enquanto a página permanece aberta
- Envie uma imagem: Selecione a imagem que contém a cor desejada.
- Selecione um pixel: Mova o cursor e clique na posição desejada. A lupa mostra a área ampliada.
- Copie o valor: Copie o valor HEX ou um formato rgb() ou hsl() pronto para uso em CSS.
Exemplos
- Obter cores de botões em imagens PNG antigas
- Analisar as cores de capturas de tela de outros produtos
- Estimar as cores de um gradiente em uma imagem
- Registrar valores exatos de cor em relatórios de erro
Limitações
- A ferramenta lê apenas as cores dos pixels da imagem; a compressão com perdas do JPEG pode causar pequenas variações
- A ferramenta não gera automaticamente uma paleta completa da imagem
- A imagem enviada é processada diretamente no seu navegador e não é enviada aos nossos servidores.
Perguntas frequentes
- Por que as cores de uma imagem JPEG podem variar um pouco?
- A compressão com perdas do JPEG pode modificar os valores dos pixels. Para obter cores precisas de uma interface, prefira capturas em PNG.
- A transparência também é obtida?
- Normalmente é mostrado um valor RGB opaco. Em imagens PNG transparentes, o formato rgba() copiado pode incluir o nível de transparência.
- Posso selecionar cores em uma tela sensível ao toque?
- Sim. Em dispositivos compatíveis, toque na imagem para selecionar a cor daquela posição.