Genera un sistema de colores listo para producción desde 1 color
Elige un hex. Obtén un sistema de colores consistente para tu UI — modo oscuro, modo claro, estados de botones, variables CSS — todo listo en 30 segundos.
Pago único · $5.00Hecho por devs indie, para devs indie · Sin suscripción — paga una sola vez
Hecho para builders de SaaS que envían rápido
Usa el selector de color o pega un código hex — solo una decisión
Un diseño real con cards, botones, textos y estados con tu color
Descarga el CSS con variables, modo oscuro y un ejemplo HTML
Elige un hex. Obtén un sistema de colores consistente para tu UI — modo oscuro, modo claro, estados de botones, variables CSS — todo listo en 30 segundos.
Generar mi sistema de colores →Pago único · $5.00
Elige un color y ve el sistema completo generado en tiempo real
Botones
Contenido real usando surface, border y text-muted del sistema generado
Background
#101012
Surface
#1c1c1f
Primary
#6366f2
Accent
#cc9d72
Primary Hover
••••••
Primary Disabled
••••••
Text Primary
••••••
Text Muted
••••••
Text on Primary
••••••
Text on Accent
••••••
Border
••••••
Focus Ring
••••••
:root {--color-primary: #6366f2;--color-accent: #cc9d72;--color-background: #101012;--color-surface: /* locked */;--color-primary-hover: /* locked */;--color-primary-disabled: /* locked */;--color-text-primary: /* locked */;--color-text-muted: /* locked */;--color-text-on-primary: /* locked */;--color-text-on-accent: /* locked */;--color-border: /* locked */;--color-focus-ring: /* locked */;/* ...more variables available after payment */}
Desbloquea el sistema completo
Consistencia para tu UI sin pensar. Modo oscuro, tokens y código — resuelto.
Generar mi sistema de colores →Pago único · $5.00