Référence des noms de couleurs
Explorez les couleurs nommées de CSS/HTML, Material Design et Tailwind CSS. Cliquez sur une pastille pour copier la valeur hex.
Questions fréquemment posées
Q: Que sont les noms de couleurs CSS ?
A: Les noms de couleurs CSS sont 148 mots-clés de couleur prédéfinis reconnus par tous les navigateurs modernes. Au lieu d'un code hex comme #FF6347, on peut utiliser directement « tomato » en CSS. Ces noms sont standardisés dans la norme CSS Color Level 4.
Q: Quelle est la différence entre Hex, RGB et HSL ?
A: Hex utilise une notation hexadécimale à six chiffres (#RRGGBB). RGB indique les valeurs des canaux rouge, vert et bleu de 0 à 255. HSL définit la couleur par la teinte (0–360), la saturation (0–100 %) et la luminosité (0–100 %). Les trois représentent les mêmes couleurs, mais avec des notations différentes.
Q: Que sont les couleurs Material Design ?
A: Les couleurs Material Design sont une palette curatée par Google pour les interfaces Material Design. Chaque famille de couleurs comporte des nuances de 50 (la plus claire) à 900 (la plus foncée), avec 500 comme teinte de base. Elles sont conçues pour l'accessibilité et l'harmonie visuelle.
Q: Que sont les couleurs Tailwind CSS ?
A: Tailwind CSS inclut une palette de couleurs standard curatée avec 22 familles de couleurs. Chaque famille a des nuances de 50 à 950 ; 500 est la couleur de base. La palette est adaptée pour les thèmes clairs et sombres.
Q: Comment choisir des couleurs pour mon projet ?
A: Vérifiez les ratios de contraste pour l'accessibilité (WCAG recommande au moins 4,5:1 pour le texte normal). Utilisez une couleur primaire pour l'identité de marque, une palette neutre pour le texte et les arrière-plans, et des couleurs d'accent avec parcimonie pour les éléments interactifs.