Question 1

Qu'est-ce qu'une échelle de couleurs dans les systèmes de design ?

Accepted Answer

Une échelle de couleurs est un ensemble systématique de nuances dérivées d'une seule teinte, allant du très clair (teinte) au très foncé (ombre). Les systèmes de design comme Tailwind CSS utilisent des échelles à 10 étapes (50 à 950) pour appliquer des variations de couleur cohérentes dans votre interface.

Question 2

Combien d'étapes mon échelle de couleurs devrait-elle avoir ?

Accepted Answer

La plupart des systèmes de design utilisent 10 à 11 étapes. Tailwind en utilise 11 (50, 100, 200...900, 950). Material Design en utilise 12. Pour un système personnalisé léger, 7 à 8 étapes couvrent souvent tous vos besoins des fonds au texte sombre.

Question 3

Puis-je exporter l'échelle comme configuration Tailwind ?

Accepted Answer

Oui. L'outil génère un objet de configuration de couleurs Tailwind prêt à coller. Ajoutez-le à votre tailwind.config.js sous la clé colors pour utiliser votre échelle personnalisée dans tous les utilitaires Tailwind.

Question 4

Quelle est la différence entre une teinte et une ombre ?

Accepted Answer

Une teinte est votre couleur de base mélangée avec du blanc (plus claire), et une ombre est votre couleur de base mélangée avec du noir (plus foncée). Une échelle de couleurs complète inclut généralement des teintes (extrémité claire) et des ombres (extrémité foncée) de votre couleur de base.

Générateur d'Échelle de Couleurs pour Système de Design

Paramètres de l'échelle de couleurs

Comment utiliser

Related Tools

Générateur d'Échelle de Couleurs pour Système de Design

Paramètres de l'échelle de couleurs

Comment utiliser

Related Tools