Gerador de Sombra de Cor

Tons escuros para estados e textos

Um tom com 10–20% de preto sobre a cor de um botão é um estado comum para passar o cursor ou pressionar, escuro o suficiente para ser percebido sem parecer uma cor diferente. Tons mais intensos, com 60–80% de preto, transformam a cor da marca em um tom profundo para títulos ou textos que ainda parecem fazer parte da paleta; essas são as etapas com maior probabilidade de passar no teste de contraste sobre fundo branco. Crie cada etapa a partir da base original para manter a escala uniforme.

Quando as versões escuras ficam lamacentas

Misturar com preto reduz todos os canais igualmente, o que preserva o matiz, mas não a forma como o percebemos. Amarelo escuro parece oliva, laranja escuro parece marrom e rosa escuro parece bordô, embora a matemática esteja fazendo exatamente o que deveria. Se um tom parecer sujo, designers costumam deslocar levemente o matiz, por exemplo, levando o amarelo em direção ao laranja, antes de escurecer. O misturador de cores permite escurecer em direção a um azul-marinho profundo ou marrom, em vez de usar preto puro, para obter um resultado mais rico.

Como usar

1. Digite valores #RGB ou #RRGGBB válidos e a porcentagem solicitada.
2. Execute a operação de cor fixa local no seu navegador.
3. Revise as amostras e copie o resultado ou os valores da paleta.

Privacidade e limitações

Os valores de cor permanecem neste dispositivo. O resultado de contraste é um verificador matemático, não uma garantia ampla de conformidade com a WCAG; contexto, renderização de fontes, contraste de elementos não textuais e estados da interface do usuário ainda precisam ser revisados.