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

Portfolio Cinématographique En Interface

Validation active · contraste du texte WCAG vérifié

fond#1B131A

surface#2B212B

secondaire#983E56

principale#DF58DD

accent#57E740

atténuée#B3A2B3

texte#F7F7F2

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.