Pegar a cor de uma imagem
Adicione uma foto e clique onde você quer saber a cor. Também dá para digitar um código sem usar foto nenhuma.
Seus arquivos e textos não são enviados para lugar nenhum. Tudo acontece nesta página.
Texto branco fica mais legível sobre esta cor.
WCAG para texto normal: AA é 4,5 ou mais, AAA é 7 ou mais.
Oposta no círculo cromático. O contraste mais forte.
Toque em uma cor para copiar. Toque duas vezes para usá-la como sua cor.
Se duas cores parecerem iguais à direita, não dependa só da cor para diferenciá-las. É uma aproximação.
Fonte (consultada em 19 de outubro de 2026): W3C WCAG 2.2 (1.4.3, 1.4.6)
Como usar
- Adicione uma foto ou digite direto um código HEX.
- Clique ou arraste o dedo sobre a foto, ou toque em uma das cores principais.
- Copie o código, uma cor que combine ou a escala de tons para CSS.
Perguntas frequentes
Em quais formatos posso copiar a cor?
Em HEX (como #4c2fe7), RGB e HSL. A escala de tons de 50 a 950 também pode ser copiada como variáveis CSS, cores do Tailwind, variáveis SCSS ou JSON.
Como as cores principais são escolhidas?
Cores parecidas são agrupadas e os grupos com mais pixels aparecem na lista, com a porcentagem da imagem. Grupos muito pequenos ficam de fora.
O que significam os rótulos de contraste?
Seguem as WCAG para texto normal: AA pede razão de 4,5 ou mais e AAA pede 7 ou mais. Em texto grande, bastam 3 para AA e 4,5 para AAA.
Minha foto é enviada para pegar as cores?
Não. A foto é lida nesta página e fica no seu aparelho.
Mais ferramentas
