Generador de paletas de color FREE
Crea una paleta a partir de un color con las armonías clásicas y comprueba el contraste de cada par antes de decidirte.
Paletas
Qué pares son legibles
Cada color como texto sobre cada otro. El número es la relación de contraste WCAG; AA son 4,5:1 para texto normal y 3:1 para texto grande y componentes de interfaz.
Copiar la paleta
Cada conversión, cada paleta y cada valor de contraste de esta página se calcula en tu navegador. Una imagen que sueltes aquí se lee en un canvas de esta pestaña y nunca se sube.
Cómo se construyen las armonías
Complementaria, análoga, triádica, tetrádica, complementaria dividida y cuadrada, calculadas girando el tono en OKLCH y no en HSL. Eso importa: gira un tono 120 grados en HSL y uno de los tres resultados sale visiblemente más oscuro que los otros, porque la luminosidad de HSL es un promedio de canales y no algo que mida el ojo.
Cada color se muestra con su contraste sobre blanco y sobre negro, y la paleta se exporta como propiedades personalizadas CSS, variables SCSS, JSON o una lista simple. No se sube nada; la paleta se guarda en este navegador y puedes borrarla.
Crea una web mejor, más rápido.
Creamos software y soluciones a medida adaptadas a tus necesidades.




