Generador de paletas de colores
Genera una escala de matices y tintes a partir de un único color base.
🔒 100 % en el cliente — no se envía ningún dato
Generador de paletas de colores para crear matices, tintes y tonos a partir de un único color base con un solo clic. Ideal para construir un sistema de diseño coherente o variantes claras y oscuras para tus componentes. Todos los colores se generan localmente en tu navegador, sin enviar ningún dato.
FAQ
¿Cuál es la diferencia entre un tinte, una sombra y un tono?
Un tinte aclara un color añadiendo blanco, una sombra lo oscurece con negro y un tono lo desatura con gris. La herramienta genera estas variaciones automáticamente.
¿Cómo creo una paleta para un sistema de diseño?
Parte de un color base y derívalo en varios pasos (por ejemplo del 50 al 900) para cubrir fondos, bordes y texto. La herramienta produce una escala que puedes exportar en HEX.
¿En qué formato puedo obtener los colores?
Cada matiz viene con un código HEX listo para copiar que puedes usar directamente en CSS o en tus variables. Puedes introducir tu color base en HEX.
¿Cuántos matices debo generar por color?
Una escala de 9 a 10 pasos es un estándar habitual (como Tailwind) para cubrir todos los casos de uso. La herramienta te permite previsualizar todo el rango.