Déposez n'importe quelle palette de 5 couleurs dans trois interfaces réelles — tableau de bord, page de destination, application mobile — et voyez-la comme un produit concret. Les rôles sont attribués automatiquement : primaire, accent, surface et texte trouvent tous leur place.
Modifier la palette (cliquez sur un échantillon pour remplacer)
Cinq couleurs importées dans trois interfaces réelles, avec des rôles attribués automatiquement.
Cliquez sur « Visualiser » sur n'importe quelle palette communautaire ou sur le tableau de palettes pour la charger, ou modifiez manuellement les cinq valeurs HEX.
Le moteur attribue les couleurs primaire, secondaire, d'accent, de surface et de texte en fonction de la luminosité et de la chromaticité : découvrez leur emplacement dans chaque maquette.
Passez en temps réel entre le tableau de bord, la page d'accueil et l'application mobile ; cliquez sur n'importe quel échantillon pour remplacer une couleur sur-le-champ.
Quatre questions que les gens posent réellement sur la prévisualisation des palettes.
Poursuivez à partir d'ici et mettez les couleurs en œuvre.
Barre d'espace pour aléatoriser, verrouiller, faire glisser pour réorganiser, partager par URL — tout ce qu'un tableau de palettes doit faire.
Transformez n'importe quelle couleur en une échelle de système de design à 11 niveaux, perceptuellement uniforme en OKLCH, avec contraste WCAG par niveau, export vers Tailwind/CSS/SCSS/JSON.
Validation du contraste selon WCAG 2.1 entre n'importe quelle couleur de premier plan et de fond.
Décrivez une scène ou une ambiance en une ligne — obtenez une palette de cinq tons avec sa justification.