Nuances de Gris : Codes Hex, RVB et TSL

Qu'est-ce qu'une nuance de gris ?

Le gris est ce qu'on obtient quand rouge, vert et bleu sont égaux : le Gris #808080 est exactement cela, tout comme LightGray #D3D3D3, Argent #C0C0C0 et DimGray #696969. Les 16 nuances ci-dessous vont de Gainsboro #DCDCDC côté clair jusqu'à DarkSlateGray #2F4F4F, et forment la colonne vertébrale de presque toute interface : bordures, séparateurs, états désactivés et texte secondaire vivent dans cette liste.

Les entrées intéressantes sont celles qui ne sont pas vraiment neutres. SlateGray #708090 et LightSlateGray #778899 portent un voile bleu ; le Gris Cendre #B2BEB5 penche vers le vert ; le Charbon #36454F est assez bleu pour paraître presque marine en petite taille. Ces gris teintés sont ce qui rend une palette délibérée : une page bâtie uniquement sur des neutres purs paraît souvent plate, alors qu'une page où les gris partagent une légère dominante avec la couleur de marque paraît composée.

Comment utiliser ces codes couleur

1. Trouvez votre nuance. La liste va du clair au foncé, avec un aperçu réel à côté de chaque nom — parcourez-la comme un nuancier de peinture.
2. Cliquez sur un code pour le copier. Chaque ligne affiche la valeur hex, RVB et TSL de la couleur. Un clic copie exactement cette chaîne dans votre presse-papiers.
3. Collez-la dans votre projet. Emportez le hex dans CSS, Figma, Photoshop ou un document. Cliquer sur l'échantillon lui-même copie aussi le hex, sans avoir à viser le petit texte.

Ce que le gris communique

Le gris est la couleur de la retenue. Il signale neutralité, professionnalisme et précision, et c'est la couleur la plus sûre en grande surface parce qu'elle ne concurrence jamais le contenu — raison précise pour laquelle le design éditorial et d'interface s'y appuie autant.

Son risque est le revers de la même qualité : trop de gris sans respiration se lit comme morne, corporate ou inachevé. Le remède est rarement plus de couleur, mais plus d'amplitude de contraste — opposer Gainsboro au Charbon plutôt qu'entasser plusieurs gris moyens. Argent et Étain #899499 ajoutent un registre métallique qui évoque la technologie et le matériel haut de gamme, d'où leur domination en électronique grand public.

Limites honnêtes

Un code hex est exact, mais la couleur que vous voyez ne l'est pas. Le même #FF0000 s'affiche différemment sur un téléphone OLED, sur un moniteur de bureau bas de gamme et sur une page imprimée, car chaque appareil a son gamut et son calibrage. Prenez ces valeurs comme un point de départ précis pour l'écran, et vérifiez toujours une épreuve physique avant d'envoyer une couleur à l'impression : le CMJN ne reproduit pas toutes les nuances listées ici.

Les noms de couleur mélangent deux choses. Ceux marqués CSS sont des couleurs nommées officielles : le nom fonctionne tel quel dans une feuille de style et tous les navigateurs le résolvent exactement vers ce hex. Les autres sont des noms conventionnels — Bordeaux, Sauge, Espresso — qui n'appartiennent à aucune norme. Leurs valeurs suivent la convention la plus citée, mais un autre nuancier peut les placer un peu plus clairs ou plus foncés : citez donc le hex plutôt que le nom quand la valeur exacte compte.

Pourquoi est-ce gratuit ?

FreeToGenerate.com garde tous ses outils vraiment gratuits. Cette page est une liste statique de valeurs affichée dans votre navigateur : rien à installer, aucun compte, aucune version premium qui garderait la moitié de la palette. Copiez autant de codes que nécessaire, aussi souvent que vous voulez.

Autres familles de couleurs

rougeorangejaunevertcyanbleuvioletrosemarronnoirblancToutes les familles