Material Color Tool

Esta ferramenta gera paletas de cores Material Design a partir de uma cor base ou sementes de cor, produzindo tons primários, secundários, de superfície, de fundo e de erro que se alinham aos tokens de cor Material. Avalia o contraste com o texto e elementos da interface para suportar combinações acessíveis e oferece variantes claras e escuras para a paridade do tema. Conceitualmente, a ferramenta mapeia cores de entrada para um sistema de tokens. Aplica rotação de tonalidade, deslocamentos de luminosidade e tonalização baseada na elevação para criar amostras coesas. Saídas incluem valores HEX, RGB(A) e nomes de tokens adequados para tokens de design, variáveis CSS ou exportações JSON. Beneficiários: designers de produto, engenheiros de UI e equipes de design-systems que requerem branding consistente e acessibilidade em todas as plataformas. Valor único: alinhamento direto com tokens Material, checagens automáticas de contraste e exportação fácil de paletas e tokens para implementação. Funcionalidades-chave e casos de uso: entrada de cor semeada; paleta gerada automaticamente; validação de contraste; variantes claras/escuras; exportação JSON/CSS/YAML; e orientação opcional sobre onde aplicar cada token em interfaces.