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
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.