Direction actuelle

Créez votre palette gratuite

Décrivez le site ou l’interface que vous concevez. Obtenez une palette sémantique locale, puis poursuivez dans l’éditeur pour la vérifier, l’ajuster et l’exporter.

Sept rôles sémantiques Validation du contraste WCAG CSS, Tailwind et PNG

Direction actuelle

Logo Distinctif Pour Une

Validation active · contraste du texte WCAG vérifié

fond#F7F6F9

surface#FFFFFF

secondaire#CA7DCA

principale#6727CE

accent#9FE740

atténuée#6B6379

texte#171817

Navigation de l’aperçu d’exemple

Une manière plus sereine de créer

Rendez la prochaine direction évidente.

Une palette sémantique transforme les choix de couleur en un système réellement utilisable par votre produit.

01Rôles clairs

Chaque couleur remplit une seule fonction.

02Contraste fiable

Le texte reste lisible.

03Prête à livrer

Copiez directement les tokens.