HueOdysseyGenerador de paletas para sitios web
Explora paletas de colores para sitios web con siete roles semánticos, contraste accesible, una vista previa de interfaz y valores HEX listos para CSS.
Por qué funciona esta paleta
Empieza por la interfaz que las personas usarán: fondo, superficie, texto, enlaces y llamada a la acción. La paleta debe seguir siendo clara en una página real, no solo en una fila de muestras.
Los siete colores se distribuyen entre acción principal, apoyo secundario, acento, fondo, superficie, texto y contenido atenuado. Ese reparto convierte la paleta en algo más útil que un moodboard.
Cómo utilizarla
Utiliza el color principal para llamadas a la acción y enlaces, no para cada elemento decorativo.
Mantén el texto sobre fondos y superficies que cumplan WCAG AA.
El acento funciona mejor en etiquetas, destacados y momentos que necesitan atención.
Direcciones relacionadas
Preguntas frecuentes
¿Puedo utilizar estos colores en un proyecto comercial?
Sí. Los valores HEX son datos de color, no recursos con licencia. Adapta la paleta a la interfaz y al contexto de tu marca.
¿Cumple la paleta los requisitos WCAG?
El rol de texto se comprueba sobre el fondo y la superficie. Vuelve a verificar el contraste después de cambiar colores, tipografía, tamaño o peso.