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

Palette Avec Bleu Sarcelle

Validation active · contraste du texte WCAG vérifié

fond#F6F6F9

surface#FFFFFF

secondaire#997DCA

principale#274ECE

accent#E7C040

atténuée#636879

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.