Saltar al contenido principal
eyunzhu

Generador de paletas de colores

Crea paletas complementarias, análogas, triádicas o monocromáticas y exporta HEX, CSS o JSON.

Modo

Pulsa un color para copiar su HEX. El texto usa blanco o negro según cuál tenga mayor contraste WCAG. Los colores son opacos.

Formato de salida

    
Se procesa en este navegador. No se sube ni se guarda nada.

Acerca de esta herramienta

Explora colores para una interfaz y lleva la selección a tu hoja de estilos.

Cómo se usa

Introduce HEX, RGB o HSL o usa el selector. Elige la armonía y pulsa una muestra para copiar su HEX. Exporta la paleta como variables CSS o array JSON.

Las armonías cambian tono o luminosidad HSL y producen colores opacos. El texto de muestra usa blanco o negro según su mayor contraste WCAG. Comprueba por separado las combinaciones reales de texto y fondo: no todas las parejas de la paleta garantizan accesibilidad.

Preguntas frecuentes

¿Toda combinación cumple el contraste accesible?

No. Cada muestra indica su contraste con el texto negro o blanco seleccionado. Comprueba por separado las parejas reales de primer plano y fondo.

¿Por qué distintas armonías generan los mismos grises?

Un gris no tiene saturación, por lo que rotar su tono no crea diferencias de color visibles. Elige una base más saturada para colores complementarios, análogos o triádicos. El modo monocromático cambia la luminosidad y sí puede producir variaciones de gris útiles. Los colores exportados son opacos.

Comentarios

0
para participar en el debate.
Todavía no hay comentarios.
Hilo de respuestas

Sigue la conversación completa en orden cronológico; cada respuesta indica el mensaje concreto al que responde.