Paletas de cores para sites

Doze conjuntos que sobrevivem a um layout real: faixa suficiente para um fundo, uma superfície, um texto e um acento, sem duas cores disputando o mesmo papel.

Como usar em um site

  • Defina os papéis antes das cores: fundo, superfície, borda, texto e acento. Uma paleta que não preenche os cinco precisa de um neutro, não de ser descartada.
  • Use a cor mais clara nas áreas grandes e a mais escura no texto. Os tons médios ficam em bordas, estados hover e texto secundário.
  • Reserve o acento para o que dá para clicar. Se tudo se destaca, nada se destaca.

A cor de texto sob cada paleta é a que alcança maior contraste — quase preto ou branco — contra a primeira cor dela. Confira qualquer outra combinação antes de usar em texto de leitura.

Etiquetas relacionadas