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.
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.
Cores do DOM
Mapeamento de todas as cores em uso, ordenadas por frequência, papel no layout e cópia em 1 clique.
Tipografia & Escala
Detecção das fontes renderizadas, contagem de nós e desmontagem da hierarquia H1, H2, H3 e corpo.
Botões & Componentes
Extração de raios de borda (border-radius), espaçamentos de padding e sombras CSS reais mapeadas na página.
Exportador de Tokens
Exporte todo o design system diretamente para variáveis CSS (:root), Tailwind CSS Config, SCSS ou JSON.
Pronto para acelerar seu fluxo de design?
Instale agora a extensão gratuita para Google Chrome e comece a inspecionar.
Adicionar ao Chrome — É GrátisGostou 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