FERRAMENTA PROFISSIONAL TOTALMENTE GRATUITA • SEM CADASTRO

Inspecione a Linguagem Visual de qualquer website.

Extraia cores dominantes, paletas algorítmicas com escala Tailwind 50-900, famílias tipográficas, botões e gere Design Tokens prontos para copiar em 1 clique.

100% Gratuito Para Sempre
Sem anúncios ou assinaturas
Processamento 100% Local & Seguro
Manifest V3 Oficial
ColorScope Studio • Visual Inspector
ColorScope Studio Showcase

Tudo o que Designers e Desenvolvedores precisam.

Esqueça o Inspecionar Elemento tradicional. O ColorScope analisa e organiza todo o ecossistema visual da página instantaneamente.

Gerador & Escala 50-900

Extração algorítmica Median Cut que calcula a cor primária, secundária e a escala Tailwind 50-900 completa.

Gerador de Paleta

Cores do DOM

Mapeamento de todas as cores em uso, ordenadas por frequência, papel no layout e cópia em 1 clique.

Cores do DOM

Tipografia & Escala

Detecção das fontes renderizadas, contagem de nós e desmontagem da hierarquia H1, H2, H3 e corpo.

Tipografia

Botões & Componentes

Extração de raios de borda (border-radius), espaçamentos de padding e sombras CSS reais mapeadas na página.

Botões e Componentes

Exportador de Tokens

Exporte todo o design system diretamente para variáveis CSS (:root), Tailwind CSS Config, SCSS ou JSON.

Exportador de Tokens

Seus dados nunca saem do seu computador

O ColorScope não possui servidores intermediários, não coleta informações pessoais, não rastreia sua navegação e não exige login. Toda a análise visual é feita 100% no seu navegador de forma segura.

Ler Política Completa →

Pronto para acelerar seu fluxo de design?

Instale agora a extensão gratuita para Google Chrome e comece a inspecionar.

Adicionar ao Chrome — É Grátis

Gostou do ColorScope? Avalie na Chrome Web Store!

Por ser um projeto 100% gratuito e independente, sua avaliação de 5 estrelas e feedback na loja nos ajudam imensamente a manter o projeto ativo e trazer novas atualizações para a comunidade.

Deixar uma Avaliação de 5 Estrelas