Extrair paleta de cores da imagem
Para extrair cores de uma imagem, solte uma foto, um logo ou um print: você vê as 5 a 8 cores principais com os códigos HEX e RGB prontos para copiar. Teste o contraste entre duas delas antes de usar em texto e baixe um card da paleta com a sua imagem e as amostras. A imagem não sai do seu navegador.
- Grátis
- Sem cadastro
- Roda no seu navegador
Suas imagens ficam neste aparelho. Nada é enviado: tudo acontece no seu navegador.
Paleta
Adicione uma imagem para ver as cores dela.
Nosso gerador de QR Code grátis aceita um código HEX para o código e outro para o fundo.
Abrir o gerador de QR CodeVai postar com essa paleta? Reúna todos os seus links em uma página. Crie seu VISU Link grátis
Contraste entre duas cores
Escolha uma cor para o texto e outra para o fundo e veja se a dupla dá leitura.
Taxa de contraste
- AA
- AAA
- AA
- AAA
A WCAG 2.x pede 4,5:1 para texto normal e 3:1 para texto grande (nível AA), e 7:1 e 4,5:1 no nível AAA. Texto grande começa em 24 px, ou 18,66 px em negrito. Fórmula e limites: W3C, WCAG 2.2
A paleta deixa o seu perfil com cara de marca. O link da bio completa o trabalho.
O VISU Link é uma página grátis em visu.to/seunome para loja, agendamento, cardápio, contatos e redes sociais. Um endereço só para a bio, os posts e o QR Code, e você troca o que está por trás quando quiser.
Criar meu VISU Link Conhecer o VISU LinkComo usar
- Solte uma imagem, escolha no aparelho ou cole. Vale foto, logo, foto de produto e print de tela.
- Escolha quantas cores você quer, de 5 a 8. A paleta vem ordenada por quanto da imagem cada cor ocupa.
- Copie um código, a lista inteira ou as variáveis CSS. Depois escolha uma cor de texto e uma de fundo para ver a taxa de contraste e as marcas AA e AAA.
- Baixe o card da paleta em PNG para guardar com os arquivos da marca ou mandar para quem cria com você.
Exemplos
Cores da marca a partir do logo
Solte o PNG do seu logo e copie as cores em HEX. Área de cor chapada mantém a cor real, então o código que você copia é o que o designer usou, e o fundo transparente é ignorado.
Feed combinando com a foto do produto
Pegue a melhor foto do produto, extraia 6 cores e use nos fundos e nos textos dos próximos posts e stories.
Texto legível em cima de uma cor
Escolha o azul escuro da paleta como fundo e o creme como texto. Se a taxa for 4,5:1 ou mais, a dupla passa no nível AA para texto normal.
Perguntas
Minha imagem é enviada para algum lugar?
Não. A página carrega uma vez e depois o navegador lê os pixels no seu aparelho. A imagem não vai para servidor, não precisa de conta, e o card da paleta também é desenhado no aparelho. Dá para conferir: abra a aba de rede das ferramentas do navegador e solte uma imagem. Nenhuma requisição sai.
Como as cores são escolhidas?
A ferramenta lê uma cópia pequena da imagem e agrupa os pixels por cor, um método conhecido como corte mediano (median cut). Grupos quase iguais viram um só, e o resultado é ordenado por quanto da imagem cada cor ocupa. A mesma imagem sempre gera a mesma paleta.
Por que vieram menos cores do que eu pedi?
Porque a imagem não tem tantas cores bem diferentes entre si. Um logo de duas cores gera duas cores. A ferramenta nunca inventa tons para completar o número.
O que significa a taxa de contraste?
É a medida da WCAG para a diferença de brilho entre duas cores, de 1:1 (a mesma cor) a 21:1 (preto no branco). Texto normal precisa de 4,5:1 no nível AA e de 7:1 no AAA. Texto grande, a partir de 24 px ou de 18,66 px em negrito, precisa de 3:1 no AA e de 4,5:1 no AAA.
Quais formatos de imagem funcionam?
JPG, PNG, WebP, GIF e AVIF, com até 40 MB. As partes transparentes de um PNG são ignoradas, então um logo com fundo transparente gera só as cores do logo. Foto HEIC do iPhone precisa ser exportada como JPG antes.
Posso usar essas cores em um QR Code?
Pode. Abra o nosso gerador de QR Code e digite os códigos HEX nas opções de estilo: a cor mais escura no código e a mais clara no fundo, para a câmera conseguir ler. Se o código for impresso, um VISU QR dinâmico deixa você editar o destino depois e mostra a contagem de scans.
O que vem no card da paleta?
Um PNG com 1080 px de largura, com a sua imagem inteira em cima e uma amostra por cor embaixo, cada uma com os códigos HEX e RGB. Nenhum logo e nenhuma marca d'água são incluídos: a imagem é sua.