¿Con qué formatos de color puedo empezar?
Usa un color HEX como #4f46e5. Los valores HEX de tres caracteres se normalizan automáticamente.
Genera paletas, tonos y tokens de diseño desde un color
Usa el Generador de paletas de color para convertir un color base en paletas prácticas para sitios web, apps, dashboards, borradores de marca y sistemas de diseño. Elige un modo de armonía, ajusta el número de colores, revisa colores de texto legibles para cada muestra y copia exportaciones listas para producción.
La herramienta se ejecuta en el navegador y genera paletas HEX, una gama de tonos 50-900, propiedades personalizadas CSS, un objeto de colores Tailwind y JSON para entregas o documentación.
Útil para
- Crear rápidamente un sistema de color para una landing page o producto desde un color de marca.
- Crear gamas de tonos para botones, fondos, bordes, gráficos y estados.
- Copiar variables CSS o colores Tailwind sin formatear la paleta a mano.
- Comprobar si el texto negro o blanco es más legible en cada muestra generada.
Cargando herramienta...
FAQ del generador de paletas de color
¿Qué exportaciones incluye?
La herramienta crea colores HEX copiables, variables CSS, una configuración de color estilo Tailwind y JSON.
¿Se comprueba la accesibilidad de los colores generados?
Cada muestra enseña el mejor color de texto negro o blanco y su relación de contraste para detectar combinaciones legibles rápidamente.
