Question 1

Qu'est-ce qu'une palette de teintes d'opacité ?

Accepted Answer

Une palette de teintes d'opacité affiche une couleur de base à différents niveaux d'opacité, généralement de 5% à 100%. C'est utile pour créer des états hover, des overlays et des variations de fond cohérents à partir d'une seule couleur de marque.

Question 2

Quelle est la différence entre les teintes hex et rgba ?

Accepted Answer

Les teintes hex mélangent la couleur avec du blanc pour simuler l'opacité sur un fond blanc. Les teintes RGBA utilisent rgba() en CSS et maintiennent une vraie transparence.

Question 3

Que sont les noms de style Tailwind (50–900) ?

Accepted Answer

Tailwind CSS nomme numériquement les teintes de couleur de 50 (la plus claire) à 900 (la plus sombre). Activer cette option facilite l'intégration avec les projets Tailwind.

Question 4

Comment utiliser ces teintes dans mon CSS ?

Accepted Answer

Cliquez sur n'importe quelle nuance pour copier sa valeur rgba(). Utilisez-la directement dans CSS comme : color: rgba(99, 102, 241, 0.5);

Question 5

Puis-je l'utiliser pour la conception en mode sombre ?

Accepted Answer

Oui ! En mode sombre, appliquer une couleur claire à faible opacité (10–30%) sur un fond sombre crée des éléments UI doux et superposés.

Générateur de Teintes d'Opacité

Questions Fréquentes

Comments & Feedback