Como usar o seletor de cores
- Digite o endereço e clique em Abrir site. Quando a página terminar de carregar, volte e clique em Capturar aba, ou use a captura automática para que nosso servidor faça a captura.
- Mova o mouse sobre a captura. A lupa mostra o pixel exato e seus valores HEX, RGB e HSL.
- Clique para salvar uma cor na sua paleta e copie qualquer código com um clique.
- Já tem uma captura de tela ou um arquivo de design? Vá para a aba Imagem e arraste-o: nada é enviado, tudo fica no seu navegador.
Por que pegar cores de uma captura?
Os navegadores não permitem que um site leia os pixels de outro, então um conta-gotas comum não consegue acessar uma página da qual você só tem o link. Capturar a página como imagem resolve isso: todos os pixels, incluindo degradês, fotos e botões, ficam legíveis.
HEX, RGB e HSL explicados
- HEX
- Um código de seis dígitos como #3B82F6, usado em CSS e na maioria das ferramentas de design.
- RGB
- Valores de vermelho, verde e azul de 0 a 255, por exemplo rgb(59, 130, 246).
- HSL
- Matiz (0–360°), saturação e luminosidade em porcentagem — útil para criar tons mais claros ou mais escuros.
Perguntas frequentes
É grátis?
Sim. A ferramenta é totalmente gratuita e não exige conta.
Por que uma página não pôde ser capturada?
A captura automática não consegue abrir páginas que exigem login ou que bloqueiam navegadores automatizados. Use Capturar aba: ela captura a página exatamente como você a vê no seu navegador.
Minhas imagens são enviadas?
Não. As imagens abertas na aba Imagem são processadas inteiramente no seu navegador.
Por que uma cor é um pouco diferente do valor CSS?
Suavização de bordas, sombras e compressão de imagem podem alterar levemente os pixels das bordas. Escolha o centro de uma área de cor sólida para obter o resultado mais preciso.