Color Toolkit

Um designer envia um código hexadecimal em uma mensagem do Slack. Um desenvolvedor precisa do equivalente RGB para uma variável CSS. Outra pessoa simplesmente quer saber se o texto branco ficará legível naquele novo fundo azul da marca. O Color Toolkit existe exatamente para esses momentos — os pequenos cálculos de cores que consomem mais tempo do que deveriam.

Em sua essência, há um conversor em tempo real: digite um valor em HEX, RGB, HSL ou CMYK, e os outros três serão atualizados instantaneamente, sem necessidade de um toque adicional. Cole uma string bruta "rgb(...)" ou "hsl(...)" diretamente de uma folha de estilo e ela será analisada automaticamente. Valores fora do intervalo são limitados e sinalizados em vez de gerar um erro, para que nada fique travado ou apresente falhas durante a edição.

Além da conversão, o Gerador de Tons pega qualquer cor base e cria uma escala completa de 10 tons e matizes com um único toque, perfeita para construir uma paleta de cores consistente para a interface do usuário a partir de uma única cor da marca. O Verificador de Contraste utiliza os mesmos cálculos que os auditores de acessibilidade, retornando uma proporção exata e indicadores claros de aprovação/reprovação para textos AA e AAA, normais e grandes — para que as decisões sobre contraste deixem de ser baseadas em palpites.

Tudo o que vale a pena guardar pode ser salvo em uma paleta pessoal, com registro de data e hora e reordenado, pronto para ser consultado em diferentes projetos.

Recursos inclusos:
- Conversão de cores em tempo real em quatro formatos (HEX, RGB, HSL, CMYK)
- Análise automática de strings de cores CSS coladas
- Gerador de rampa de matiz/tonalidade de 10 níveis
- Verificador de proporção de contraste WCAG com indicadores AA/AAA
- Histórico pessoal de paletas salvas com registros de data e hora
- Guia integrado explicando os cálculos de cores por trás de cada tela

O Color Toolkit transforma a longa e complexa tarefa de entender os cálculos de cores em apenas dez segundos.