Seletor de cores de imagem
Pegue a paleta principal de uma imagem com a porcentagem de cada cor, ou clique num ponto para pegar a cor dele. Copie HEX, RGB, HSL; exporte CSS ou PNG.
Como pegar cores de uma imagem
- Escolha, arraste ou cole (Ctrl+V) uma imagem.
- Veja a paleta principal abaixo (escolha de 5 a 12 cores), ou passe sobre a imagem e clique para pegar a cor exata daquele ponto, com lupa.
- Toque no ícone de copiar ao lado de um código ou exporte a paleta inteira como CSS, JSON, Tailwind ou imagem PNG.
Perguntas frequentes
Pixels de cor parecida são agrupados e a cor média de cada grupo é usada, em ordem da área que ocupam. A porcentagem mostra quanto da imagem aquela cor cobre.
Passe o ponteiro (ou arraste o dedo) sobre a imagem: a lupa aumenta a área para mirar com precisão. Clique ou solte o dedo e a cor entra em "Cores escolhidas".
Não. Pixels transparentes são ignorados, então um logo com fundo transparente dá as cores do próprio logo.
Escolha Tailwind: vem um bloco @theme para o Tailwind v4 (cole no seu CSS) e um de configuração para o Tailwind v3 (tailwind.config.js). As cores funcionam na hora como bg-palette-1, text-palette-2…
Sim. A paleta é calculada numa cópia reduzida (suficiente para ver as cores principais e bem mais rápida), e as cores escolhidas vêm de uma cópia nítida de até 1600 px, bem próximas da cor real.
É totalmente grátis e não precisa de cadastro.
Ferramentas relacionadas
Conversor de coresConverta entre códigos de cor HEX, RGB e HSLCriar colagem de fotosJunte várias fotos numa só imagem em gradeGerador de faviconCrie os ícones do seu site a partir do logoRedimensionar imagemMude o tamanho de várias imagens de uma vezRecortar imagemFique só com a parte que você querGirar e espelhar imagemGire ou espelhe imagens com um cliqueRecortar foto em círculoRecorte uma foto em círculo com fundo transparenteColocar texto na imagemEscreva numa foto e escolha posição e corAdicionar borda à imagemColoque uma moldura colorida em volta da foto