HueOdysseyGerador de paleta de cores para sites
Explore paletas de cores para sites com sete funções semânticas, contraste acessível, prévia em uma interface real e valores HEX prontos para CSS.
Por que esta paleta funciona
Comece pela interface que as pessoas realmente vão usar: fundo, superfície, texto, links e chamada para ação. A paleta precisa funcionar em uma página completa, não apenas em uma fileira de amostras.
As sete cores são distribuídas entre ação principal, apoio secundário, destaque, fundo, superfície, texto e conteúdo atenuado. Essa organização torna a paleta útil além de um painel de referências.
Como usar
Use a cor principal em chamadas para ação e links, não em todos os elementos decorativos.
Mantenha o texto sobre fundos e superfícies que atendam ao nível WCAG AA.
A cor de destaque funciona melhor em etiquetas, ênfases e momentos que precisam de atenção.
Direções relacionadas
Perguntas frequentes
Posso usar estas cores em um projeto comercial?
Sim. Valores HEX são dados de cor, não recursos licenciados. Adapte a paleta à sua interface e ao contexto da sua marca.
A paleta atende aos requisitos WCAG?
A função de texto é verificada sobre fundo e superfície. Verifique o contraste novamente depois de alterar cores, fonte, tamanho ou peso.