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

Site Moderne Pour Un

Validation active · contraste du texte WCAG vérifié

fond#F9F8F6

surface#FFFFFF

secondaire#9ECA7D

principale#CE8B27

accent#4072E7

atténuée#797063

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.