Seletor de cores de imagem

Por que você precisa do código exato da cor

Você tem um logotipo, uma captura de tela do site de um concorrente ou uma foto enviada por um cliente e precisa das cores para um site, uma apresentação ou um anúncio. Os arquivos originais do design sumiram e ninguém lembra qual verde a marca usa de verdade. Chutar no olho, ou escolher "algo parecido" numa caixa de cores, é como a maioria das pessoas tenta resolver.

O que acontece quando as cores são chutadas

Cores escolhidas no olho quase nunca ficam certas. Um botão dois tons diferente do logotipo deixa o site com cara de inacabado, e cada página nova se afasta um pouco mais da marca. Cores de texto escolhidas na intuição muitas vezes não têm contraste suficiente, o que dificulta a leitura e pode prejudicar a acessibilidade. E, quando alguém finalmente percebe, cada imagem, folha de estilo e documento precisa ser corrigido de novo.

Como este seletor de cores de imagem resolve

1. Abra sua imagem. Escolha um arquivo, arraste para a página ou cole uma captura de tela com Ctrl+V (Cmd+V no Mac).
2. Amplie com a lupa. Conforme você passa sobre a imagem, uma lupa mostra os pixels um a um, para você acertar exatamente o que quer, mesmo em linhas finas e textos pequenos.
3. Clique para escolher. A cor aparece em HEX, RGB, HSL, HSV e CMYK. Copie qualquer formato com um clique e cole no CSS, no Figma, no Canva, no Photoshop ou no Word.
4. Confira o contraste e as variações. Veja a taxa de contraste WCAG com texto branco e preto, além de tons mais claros e mais escuros para estados de hover e fundos.
5. Pegue a paleta inteira. A ferramenta extrai automaticamente as 8 cores principais da imagem e copia como variáveis CSS prontas para a sua folha de estilo.

Grátis, privado e sem cadastro

O seletor de cores de imagem é grátis, não tem limite de uso e não exige conta. Sua imagem é aberta pelo seu próprio navegador e nunca é enviada ao nosso servidor, o que o torna seguro para designs ainda não lançados e capturas de tela confidenciais. São aceitos arquivos de até 25 MB em qualquer formato que o seu navegador exiba; imagens muito grandes são reduzidas para 4.096 pixels no lado maior. As cores escolhidas ficam guardadas apenas neste navegador, para você voltar a elas depois.

Os formatos de cor explicados

Vai criar ou reformular um site com essas cores? Depois que ele estiver no ar, garanta que continue online: nosso guia de monitoramento de uptime explica como receber um alerta no momento em que ele cair.