CorClick Studio — Cores, Tipografia & Design

Capture cores, inspecione fontes e tipografia, extraia paletas completas do site e audite contraste WCAG no seu navegador.

🎨 CorClick Studio — O Estúdio Definitivo de Cores, Tipografia & Design no seu Navegador! O CorClick Studio transforma seu Chrome em uma central profissional de inspeção e design. Capture cores com precisão de pixel, analise toda a tipografia da página em tempo real, gere paletas completas e audite a acessibilidade visual de qualquer website. Agora 100% Bilíngue (Português 🇧🇷 / English 🇺🇸) e com Painel Lateral (Side Panel) integrado! ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ✨ PRINCIPAIS RECURSOS DO CORCLICK STUDIO ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔍 CONTA-GOTAS & INSPEÇÃO DE CORES • Capture qualquer cor da tela com precisão de pixel (EyeDropper nativo). • Conversão automática e instantânea: HEX, RGB, HSL e CMYK. • Detecção inteligente de classes Tailwind CSS (ex: bg-indigo-500). • Identificação descritiva de nomes de cores em português e inglês. 📐 RAIO-X DE TIPOGRAFIA & FONTES (INSPECTOR) • Mire em qualquer texto para descobrir família de fontes, tamanhos em px e rem, peso (font-weight), line-height e letter-spacing. • Auditoria de hierarquia: mapeamento instantâneo de todas as tags de títulos (H1 a H6). • Amostras visuais dinâmicas e cópia de estilos com 1 clique. 🌐 AUDITORIA & EXTRATOR DE PALETA DA PÁGINA (PAGE SCANNER) • Escaneie sites inteiros com um clique para extrair todas as cores de texto, fundos e gradientes. • Mapeamento de frequência de uso para descobrir as cores primárias e secundárias do design. ♿ AUDITORIA DE ACESSIBILIDADE WCAG 2.1 • Cálculo em tempo real de taxas de contraste (Contrast Ratio). • Indicadores de conformidade para níveis AA e AAA (texto normal e grande). • Garanta que seus projetos sejam visualmente acessíveis e inclusivos. 🌈 HARMONIAS & GERADOR DE ESCALAS TAILWIND • Paletas automáticas: Complementar, Análoga, Triádica e Monocromática. • Gerador completo de escala Tailwind (50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950). 💾 EXPORTAÇÃO PROFISSIONAL EM MÚLTIPLOS FORMATOS • Exporte suas paletas prontas para produção: - Tailwind Config (tailwind.config.js) - CSS Variables (:root { --color: ... }) - SCSS / SASS ($color: ...) - JSON com metadados completos - Imagem PNG da paleta em alta resolução 🌍 SUPORTE BILÍNGUE COMPLETO (PT 🇧🇷 / EN 🇺🇸) • Alterne o idioma da extensão instantaneamente com um clique no botão de bandeira. • Suporte para designers e desenvolvedores do Brasil e do mundo. ⚡ MODO ESCURO E MODO CLARO • Interface moderna com suporte nativo a Dark Mode e Light Mode. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⌨️ ATALHOS DE TECLADO RÁPIDOS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ • Alt + Shift + C: Abrir/Fechar o Painel Lateral (Side Panel) • Alt + Shift + P: Ativar o Conta-Gotas rápido ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔒 PRIVACIDADE & SEGURANÇA ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ • 100% Seguro: Funciona localmente no seu navegador. • Sem coleta de dados pessoais, sem rastreadores e sem anúncios. • Seu histórico fica salvo apenas na memória local do seu próprio Chrome. 🚀 Instale o CorClick Studio agora e eleve a qualidade do seu fluxo de trabalho de design e desenvolvimento front-end!