Cores exatas de logotipo
Extrator de cores de logotipo
O Extrator de cores de logotipo encontra os códigos de cor exatos em um arquivo de logotipo. Ele remove o fundo e os pixels mesclados nas bordas e retorna cada cor do logotipo em HEX, RGB, HSL, OKLCH, Lab e uma estimativa CMYK.
- Grátis, sem cadastro
- As imagens não saem do seu dispositivo
- Cores exatas de pixel
Solte seu logotipo aqui
ou cole com Ctrl+V. SVG, PNG, JPG, WebP. PNG transparente ou SVG gera cores exatas.
Como funciona o extrator de cores de logotipo?
O extrator de cores de logotipo conta as cores exatas em um arquivo de logotipo, remove as cores que pertencem ao fundo ou às misturas das bordas e retorna o restante ordenado por área.
Adicione seu logotipo
Solte um arquivo SVG, PNG, JPG ou WebP, ou cole um logotipo copiado. Arquivos SVG e PNG transparentes geram valores exatos.
O fundo é removido
Quando pelo menos 60% da borda externa da imagem tem uma única cor, essa cor conta como fundo e sai da paleta. Um botão de alternância a restaura.
As misturas das bordas são descartadas
Pixels ao longo das curvas misturam as cores vizinhas. Uma cor que fica na linha de mistura entre duas cores do logotipo e aparece apenas nas bordas é removida.
Copie os códigos
Cada cor do logotipo mostra seus valores HEX, RGB, HSL, HSB, OKLCH, Lab e CMYK e seu contraste WCAG com o branco e o preto.
Por que um logotipo mostra cores a mais?
Um logotipo mostra cores a mais por causa do anti-aliasing e da compressão. O anti-aliasing mistura os pixels ao longo de curvas e bordas diagonais com a cor vizinha, e a compressão JPEG altera as cores perto das bordas.
O modo logotipo conta as cores exatas em vez de calcular a média de grupos, mantém o valor real mais frequente de cada cor e remove as misturas. Um extrator de fotos informa essas misturas como cores separadas.
Qual arquivo de logotipo gera as cores mais precisas?
| Tipo de arquivo | Precisão de cor | Motivo |
|---|---|---|
| SVG | Exata | Formas vetoriais guardam seus códigos de cor como texto, e o extrator ajusta os resultados a esses valores |
| PNG | Exata | A compressão sem perdas mantém cada valor de pixel |
| WebP (sem perdas) e GIF | Exata | Armazenamento sem perdas; o GIF guarda no máximo 256 cores |
| JPEG | Aproximada | A compressão com perdas e a subamostragem de croma alteram as cores, principalmente nas bordas |
O guia Como encontrar os códigos de cor exatos do seu logotipo (em inglês) explica em detalhes os formatos de arquivo e os códigos de impressão.
De quais códigos de cor um logotipo precisa?
Um logotipo precisa de códigos HEX para sites, valores RGB para design de tela, valores CMYK para impressão em quadricromia e uma referência Pantone para impressão com cor especial.
| Sistema de código | Meio | Fornecido aqui |
|---|---|---|
| HEX | Sites e CSS | Exato |
| RGB | Telas, apps e vídeo | Exato |
| CMYK | Impressão em quadricromia | Estimativa sem perfil ICC |
| Pantone (PMS) | Impressão com cor especial | Não fornecido, porque os dados de cor Pantone são licenciados |
Como verificar se o seu site usa as cores do logotipo?
Passe o seu site pelo Extrator de cores de sites e compare a cor da marca com o código HEX do logotipo. Qualquer diferença entre os dois códigos significa que o site usa uma aproximação da cor do logotipo.
A aba Contraste mostra se cada cor do logotipo atinge o contraste WCAG como texto sobre branco ou preto. O WCAG isenta logotipos dos requisitos de contraste, mas um texto na cor da marca ainda precisa de 4,5:1.
Quem precisa de um extrator de cores de logotipo?
Donos de pequenas empresas
Combine o tema da loja, a barra de avisos e as artes para redes sociais com a cor exata do logotipo.
Designers
Reconstrua a paleta de uma marca a partir do logotipo de um cliente quando não existe manual de marca.
Clientes de gráfica
Reúna valores de tela exatos e um ponto de partida CMYK para discutir com a gráfica.
Desenvolvedores
Exporte as cores do logotipo como variáveis CSS ou como um tema Tailwind.
Perguntas frequentes sobre o extrator de cores de logotipo
Posso obter a cor Pantone do meu logotipo?
Não. Os dados de cor Pantone são licenciados, então o extrator fornece valores HEX e RGB exatos e uma estimativa CMYK. Uma gráfica ou as ferramentas da própria Pantone encontram a cor PMS correspondente a partir desses valores.
Por que meu logotipo em JPG mostra mais cores do que o esperado?
A compressão JPEG altera as cores perto das bordas. Aumente Mesclar semelhantes ou use uma versão PNG ou SVG do logotipo para obter valores exatos.
E se o fundo fizer parte do meu logotipo?
Desative Remover fundo. A cor de fundo volta à paleta com a sua proporção na imagem.
Meu logotipo é enviado?
Não. O logotipo é decodificado e analisado no seu navegador e nunca sai do seu dispositivo.
Posso obter as cores de um logotipo em um site?
Sim. O Extrator de cores de sites lê o logotipo do cabeçalho e o ícone do site a partir de uma URL e lista as cores deles ao lado das cores do CSS.