Perguntas Frequentes

O ColorScope detecta automaticamente o idioma padrão do seu navegador (PT-BR ou EN-US). Caso queira trocar manualmente a qualquer momento, basta abrir o popup da extensão e clicar no botão seletor de idioma PT / EN localizado no canto superior direito.

Sim! Ao escolher seu idioma preferido, a configuração é salva instantaneamente no armazenamento local (chrome.storage.local). Quando você reabrir o ColorScope em qualquer aba, ele continuará no idioma que você escolheu.

Sim. Todas as classificações cromáticas, nomes de tons, termos de contraste e etiquetas de interface acompanham o idioma selecionado em tempo real.

O ColorScope é 100% gratuito e sem pegadinhas. Não existem planos pagos, não há assinaturas, não há limite diário de inspeções e todos os recursos profissionais estão liberados para sempre.

Após instalar na Chrome Web Store, clique no ícone do quebra-cabeça de extensões no Chrome e fixe o ColorScope com o alfinete 📌. Em qualquer site, basta dar 1 clique no ícone do ColorScope para escanear a página em 15 milissegundos.

O ColorScope possui integração total com a API oficial de Painel Lateral do Chrome. Clique com o botão direito no ícone da extensão e selecione "Abrir painel lateral" para manter o ColorScope fixo ao lado do site enquanto você navega e clica normalmente na página.

A extensão utiliza quantização matemática Median Cut combinada com interpolação de luminância e saturação (HSL/OKLCH) para extrair as cores dominantes e gerar 10 tonalidades perfeitamente calibradas para cada cor detectada.

O ColorScope calcula em tempo real o ratio de contraste entre planos de fundo e textos (ex: 4.5:1 para AA e 7:1 para AAA). Além disso, ele inclui filtros científicos que simulam Protanopia, Deuteranopia, Tritanopia e Acromatopsia diretamente na página ativa.

O ColorScope audita automaticamente a página calculando uma pontuação de saúde do Design System (Health Score de 0 a 100 e Rank de A+ a D). A nota pondera 4 pilares fundamentais: Consistência Cromática (detecta cores duplicadas ou quase idênticas com variação perceptual ΔE < 3), Grid de Espaçamento (percentual de aderência ao grid de 4px e 8px), Matriz de Raios (dispersão de border-radius) e Disciplina Tipográfica (quantidade de fontes e escala modular).

A aba Assets mapeia e categoriza automaticamente todos os recursos de branding da página: Favicons & Web Icons (incluindo versões SVG e Apple Touch Icons em alta resolução), Banners Open Graph & Twitter Cards (og:image) e Logotipos da Interface (inclusive em SPAs e dashboards). Para cada asset, você pode copiar a URL direta, copiar o código SVG limpo ou fazer o download do arquivo em 1 clique.

Na aba Tokens da extensão, clique na opção Tailwind e aperte Copiar. O bloco theme.extend.colors já sai perfeitamente formatado para o seu arquivo tailwind.config.js ou para a diretiva @theme do Tailwind v4.

Você pode exportar e copiar em:

• Variáveis CSS nativas: bloco :root { --color-... }

• Tailwind CSS: formato JavaScript pronto para configuração

• Figma Tokens: formato JSON estruturado

• Valores Diretos: HEX (#007AFF), RGB, HSL e OKLCH

• Componentes SVG: código limpo e React JSX pronto para uso

Na aba de exportação visual, clique no botão "Exportar Style Guide (PNG)". O ColorScope renderiza via Canvas uma prancha em resolução HD (1200×800) contendo as paletas, tipografia e botões mapeados pronta para apresentações.

O Social Design Card transforma a identidade visual do site em uma prancha artística em alta definição (HD Canvas) com efeito Dark Studio e iluminação ambiente (ambient glow). Você pode alternar entre 3 formatos: 1:1 Quadrado (Feed do Instagram e LinkedIn), 16:9 Paisagem (Twitter/X e Artigos) e 9:16 Stories (Instagram Stories e TikTok), e exportar usando o botão Copiar Imagem (grava direto na área de transferência) ou Baixar Imagem PNG.

Absolutamente não. O ColorScope é 100% Local-First. Nenhum dado é enviado para a nuvem, não temos servidores coletando informações, não utilizamos rastreadores de terceiros e a extensão funciona até mesmo offline.

Essa é a mensagem padrão obrigatória do Chrome para qualquer extensão que precise ler os estilos computados (CSS) dos elementos da página para extrair cores e fontes. O ColorScope lê apenas os estilos visuais em memória e nunca armazena nem transmite dados.

Sim! O ColorScope é totalmente compatível com qualquer navegador baseado no motor Chromium: Google Chrome, Brave, Microsoft Edge, Opera, Vivaldi e Arc Browser.

O Google Chrome atualiza as extensões automaticamente em segundo plano. Para conferir o que há de novo em cada versão, você pode acessar a nossa página de Notas de Atualização (Changelog).

Você pode falar diretamente com o desenvolvedor enviando um e-mail para contatolynconvr@gmail.com ou deixando sua avaliação e comentário na página da Chrome Web Store.