Conversor de colores
Convierte HEX, RGB y HSL con transparencia, previsualiza el color y copia valores CSS listos para usar.
Generador de paletas de colores
Crea paletas complementarias, análogas, triádicas o monocromáticas y exporta HEX, CSS o JSON.
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.
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.
Herramientas relacionadas
Se abre en una pestaña nueva
Comentarios
0