Paleta de cores de um site
Introduza o URL de qualquer site e extraia a sua paleta de cores: todas as cores usadas nas suas folhas de estilo, ordenadas por frequência e prontas a copiar ou exportar como código.
Introduza um endereço de site para extrair a sua paleta de cores.
Apenas páginas web públicas podem ser lidas, e as cores vêm do CSS que a página envia: um site que pinta com imagens ou canvas pode devolver menos cores. Grátis, sem registo.
Sobre Paleta de cores de um site
A ferramenta Paleta de Cores de um Site revela as cores que um site realmente utiliza. Introduza um endereço web público e a página é obtida do nosso lado, os navegadores não conseguem ler outro site diretamente devido às restrições de origem cruzada, e depois os seus estilos inline, blocos de estilo incorporados e folhas de estilo ligadas são analisados em busca de cada token de cor.
Os valores HEX, rgb(), rgba(), hsl() e hsla() são todos normalizados para uma única forma HEX e contados, por isso a paleta regressa ordenada pela frequência com que cada cor aparece no CSS do site. Essa ordenação por frequência é o que separa a verdadeira cor principal de uma marca das dezenas de contornos e sombras pontuais mais abaixo na lista.
Cada amostra copia-se com um clique, e o painel de exportação transforma o resultado em variáveis CSS, SCSS, uma configuração Tailwind, JSON, uma folha de amostras SVG ou uma lista HEX simples. A ferramenta é grátis e tem limite de pedidos, apenas alcança endereços públicos e não armazena nada além de uma cache de curta duração da extração.
Como usar Paleta de cores de um site
- Cole um endereço de site público no campo (o https:// é adicionado automaticamente se o omitir).
- Clique em "Extrair cores" e aguarde um momento enquanto a página e as suas folhas de estilo são lidas.
- Analise a paleta: as cores são ordenadas pela frequência com que aparecem no CSS do site.
- Clique em qualquer amostra para copiar o seu valor HEX, ou use "Copiar tudo" para a lista completa.
- Abra Exportar para obter a paleta em CSS, SCSS, Tailwind, JSON, SVG ou HEX simples.