Pixel Toolkit
Inspeção de cores de precisão em cada página.
O Pixel Toolkit ajuda designers e desenvolvedores a capturar informações perfeitas de pixels. Amostre cores, verifique taxas de contraste e sincronize tokens de volta ao seu sistema de design.
Funciona com as versões mais recentes do Chrome no macOS, Windows e Linux.
Pixel Toolkit
Chrome Web Store
Inspecione cores, gere paletas e exporte tokens de design instantaneamente.
5K+ instalações
4,7 / 5 de avaliação
Capaz de funcionar offline
- Versão
- 0.9.8
- Última atualização
- 15 de fevereiro de 2024
- Tamanho do pacote
- 2,2 MB
- Idiomas
- English, 中文
- Compatibilidade
- Chrome
Key Capabilities
Construído para equipes de produto
Histórico de paletas
Mantenha uma linha do tempo de cores amostradas em seus sprints de design.
Inspetor de grade
Meça espaçamento, escala de tipografia e alinhamento em qualquer interface web.
Modo offline
Capture cores mesmo quando estiver auditando builds de staging sem acesso à internet.
Conta-gotas de precisão
Amostre qualquer pixel com zoom de sub-pixel e obtenha valores de cores em HEX, RGB, HSL e LAB.
Verificações de acessibilidade
Calcule instantaneamente taxas de contraste WCAG e obtenha ajustes acionáveis.
Exportação de tokens
Copie tokens de paleta em JSON ou variáveis CSS prontos para sua base de código.
UI de inteligência de cores
Explore o Pixel Toolkit sem instalar.
Inspetor de paletas
Veja amostras agrupadas, recomendações de uso e ações de exportação rápida.
Painel de tokens
Organize variáveis por tema e envie atualizações para seu repositório.
Inspeção de cores de precisão em cada página.
Inspecione cores, gere paletas e exporte tokens de design instantaneamente.