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

Interface Cyberpunk Pour Un

Validation active · contraste du texte WCAG vérifié

fond#13151B

surface#21232B

secondaire#683E98

principale#5875DF

accent#E7B040

atténuée#A2A6B3

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.