CREA A TU MANERA · SOCIALSYM
Generador de paletas de colores
Encuentra tu próxima combinación.
Prueba nuevas combinaciones, conserva los tonos que te gusten y ajusta los demás. Todo se calcula aquí; puedes exportar la paleta para otro proyecto.
Procesamiento local · Sin registro · Sin anunciosEsta herramienta necesita JavaScript. Si ya está activado y este mensaje continúa, recarga la página para volver a cargar los recursos.
Comprobar contraste
Comprobación básica para colores sólidos, sin transparencias. La relación por sí sola no certifica la accesibilidad de una interfaz.
PASO A PASO
Cómo utilizarla
- Pulsa Regenerar para explorar una paleta de cinco colores.
- Bloquea los colores que quieras mantener o edítalos con el selector de cada tarjeta.
- Copia HEX o RGB, compara dos tonos y exporta JSON o variables CSS para reutilizar la paleta.
Una idea para empezar
Bloquea el azul o morado de tu marca y regenera los otros cuatro colores. Compara el color de texto con el de fondo antes de elegir una combinación.
DUDAS FRECUENTES
Antes de compartir
¿Se guardan mis paletas?
No se guardan automáticamente. Descarga el archivo JSON o CSS si quieres conservar una combinación.
¿Qué significa el contraste?
Es una relación de luminancia: 4,5:1 es la referencia para texto normal y 3:1 para texto grande en el nivel AA de WCAG. Otros factores también afectan a la accesibilidad.
¿Puedo reutilizar los colores?
Sí. Copia los códigos HEX o RGB, importa los datos JSON en tus proyectos o usa las variables del archivo CSS.