Paletas de colores para sitios web

Doce combinaciones que aguantan una maquetación real: rango suficiente para un fondo, una superficie, un texto y un acento, sin que dos colores peleen por el mismo papel.

Cómo usarlas en un sitio

  • Asigna papeles antes que colores: fondo, superficie, borde, texto y acento. Si una paleta no cubre los cinco, súmale un neutro en vez de descartarla.
  • Usa el color más claro en las áreas grandes y el más oscuro en el texto. Los tonos medios van en bordes, estados hover y texto secundario.
  • Reserva el acento para lo que se puede hacer clic. Si todo resalta, no resalta nada.

El color de texto bajo cada paleta es el que logra mayor contraste —casi negro o blanco— contra su primer color. Revisa cualquier otra combinación antes de usarla en texto de lectura.

Etiquetas relacionadas