Extraia a paleta de cores de qualquer site
Descubra a paleta exata de qualquer site: cor principal da marca, cores de destaque, variáveis CSS, a meta tag theme-color e as cores dominantes das imagens. Valores HEX e RGB na hora.
Sem conta no primeiro scan · Resultados em segundos
Cor do tema
Detecta a meta tag theme-color, as dicas de cor do Open Graph e a cor do manifest para identificar a cor principal da marca.
Variáveis CSS
Extrai as variáveis CSS de cor (--primary, --accent, --brand etc.) da folha de estilos do site.
Paleta das imagens
Analisa o conteúdo visual principal (logo, imagens de destaque) e extrai a paleta dominante por processamento de imagem.
Como funciona o extrator de cores de sites
Informe qualquer URL
Cole a URL de qualquer site: home, página de produto ou qualquer outra página.
O SmartScan extrai theme-color e variáveis CSS e analisa as imagens
Verifica a meta tag theme-color, as dicas do Open Graph e as variáveis CSS, e ainda analisa a paleta de logos e imagens de destaque.
Baixe a paleta de cores em JSON com os valores HEX
Receba um arquivo JSON estruturado com todas as cores encontradas: origem, código HEX, valores RGB e a função de cada uma.
Valores HEX e RGB
Todas as cores extraídas vêm com HEX (#0d9488) e RGB (13, 148, 136) — prontas para usar nas ferramentas de design.
Detecção em várias fontes
Verifica três fontes independentes: meta tags HTML, propriedades personalizadas de CSS e análise de imagens — para a maior cobertura possível.
Exportação em JSON
Os dados de cor são salvos em seo/brand_colors.json — lista de cores com origem, HEX, RGB e a função de cada uma.
Casos de uso populares
Descubra rapidamente as cores exatas da marca de qualquer empresa, para análise de concorrentes ou inspiração.
Precisa acertar a marca do cliente? Extraia os códigos de cor exatos, sem chutar.
Confira se as variáveis CSS do seu site batem com a paleta de marca definida.
Colete cores de marca em escala para bancos de dados de design ou personalização B2B.
Perguntas frequentes
- Quais fontes de cor ele verifica?
- O SmartScan verifica: (1) a tag
<meta name="theme-color">, (2) as dicas de cor do Open Graph, (3) as variáveis CSS com nomes relacionados a cores e (4) a paleta do logo e das imagens de destaque. - As cores são retornadas em formato HEX?
- Sim — todas as cores vêm com valores HEX. Os valores RGB também são incluídos quando disponíveis.
- Ele extrai todas as cores CSS da folha de estilos?
- Ele foca nas propriedades personalizadas de CSS (variáveis) cujos nomes sugerem cores de marca, em vez de extrair cada valor de cor da folha de estilos (que podem ser milhares).
- Posso usar para pesquisar as marcas dos concorrentes?
- Sim — é uma forma eficiente de identificar as cores principal e de destaque de um concorrente sem vasculhar o CSS na mão.
- Esta ferramenta é gratuita?
- Sim — o SmartScan é gratuito. Cadastre-se e tenha 1.000 scans/mês. Sem cartão de crédito.
Extraia as cores da marca de qualquer site
Grátis — 1.000 scans/mês. Sem cartão de crédito.