Arrastra cualquier paleta de 5 colores en tres interfaces reales — panel de control, página de destino, aplicación móvil — y véla como un producto real. Los roles se asignan automáticamente: primario, acento, superficie y texto encuentran su lugar.
Editar paleta (haz clic en una muestra para reemplazar)
Cinco colores insertados en tres interfaces reales, con roles asignados automáticamente.
Pulsa "Visualizar" en cualquier paleta comunitaria o en el tablero de paletas para cargarla, o edita los cinco valores HEX manualmente.
El motor asigna primario, secundario, acento, superficie y texto según luminosidad y croma; mira dónde cae cada uno en cada maqueta.
Cambia entre panel de control, página de destino y aplicación móvil en tiempo real; haz clic en cualquier muestra para reemplazar un color al instante.
Cuatro preguntas que la gente realmente hace sobre la vista previa de paletas.
Continúa desde aquí y pon los colores a trabajar.
Barra espaciadora para aleatorizar, bloquear, arrastrar para reordenar, compartir por URL — todo lo que un panel de paletas debe hacer.
Convierte cualquier color en una escala de sistema de diseño de 11 pasos, perceptualmente uniforme en OKLCH, con contraste WCAG por paso, exporta a Tailwind/CSS/SCSS/JSON.
Validación de contraste WCAG 2.1 entre cualquier color de primer plano y fondo.
Describe una escena o estado de ánimo en una línea — obtén una paleta de cinco roles con justificación.