Toutes les couleurs

Comprendre. Comparer. Créer.

Gris : 29 nuances, noms et codes couleur

Découvrez le gris, ses nuances, ses codes HTML et RVB, sa signification et des idées pour l’associer dans vos projets.

Code couleur et repère CSS

Le mot-clé CSS gray correspond à #808080. Il représente une teinte précise, et non toutes les nuances de cette couleur.

HEX
#808080
RVB
128, 128, 128
CMJN ≈
0%, 0%, 0%, 50%
HSL
0°, 0%, 50%

Le CMJN affiché est une estimation sans profil d’impression.

Signification et perception

Un gris neutre sRGB possède trois canaux égaux. Les gris colorés s’en écartent légèrement vers le bleu, le vert ou le brun. Ces sous-tons deviennent visibles à côté d’un autre gris.

Avec quelles couleurs l’associer ?

Le gris n’est pas toujours neutre dans son apparence : il peut tirer vers le bleu, le vert, le rose ou le brun. Pour choisir une association, déterminez d’abord ce sous-ton et la clarté du gris. Un gris perle destiné à un fond et un anthracite utilisé pour dessiner les volumes demandent des partenaires différents.

Gris et rose : coordonner les sous-tons

Un rose poudré peut accompagner un gris chaud pour une palette discrète. Si le gris tire déjà vers le violet, comparez plusieurs roses avant de choisir : un rose orangé peut créer une rupture inattendue. Introduisez un détail foncé pour donner une structure à l’ensemble, par exemple une étagère anthracite ou une typographie sombre sur les surfaces claires.

Gris et jaune : choisir une zone d’accent

Avec un gris clair, un ocre peut apporter un repère sans transformer toute la palette. Un jaune vif sur anthracite sera plus affirmé. Choisissez d’abord un seul endroit où le jaune intervient : un coussin, une ligne dans un document ou une icône accompagnée de son libellé. Vous pourrez ensuite juger si un rappel supplémentaire est réellement utile.

Gris et bleu : éviter deux surfaces indécises

Un gris bleuté et un bleu moyen peuvent être si proches qu’ils semblent hésiter entre contraste et camaïeu. Séparez leurs clartés : gris clair avec marine, ou anthracite avec bleu pâle. Pour une chambre, faites l’essai sur le mur et le linge de lit ensemble. Pour une interface, vérifiez chaque zone de texte et les limites des champs.

Un gris chaud ou un gris froid dans une pièce ?

Commencez par les éléments qui resteront : pierre, carrelage, bois et tissus. Placez deux gris de directions différentes contre eux, sans chercher à décider sur un écran. Un gris qui fonctionne avec le sol peut moins bien accompagner les rideaux. Le choix se fait donc sur l’ensemble ; la seule orientation de la pièce ne permet pas de prescrire une nuance universelle.

Palette à essayer : gris chaud, rose sourd et charbon

Essayez une base de gris chaud à 65 %, un rose sourd à 25 % et du charbon à 10 %. Le charbon sert à dessiner les contours. Si le rose prend trop de place, réduisez sa surface avant de rendre toutes les couleurs plus pâles.

Gris chaud#D8D3CC
Rose sourd#BA9391
Charbon#303336

Palette proposée pour vos essais, avec codes HEX à copier. Ces aperçus sRGB ne sont pas des références certifiées de peinture ou de textile.

Le piège : composer uniquement avec des tons moyens

Trois gris moyens peuvent manquer de hiérarchie, même s’ils sont légèrement différents. Regardez votre composition en miniature : distingue-t-on encore le sujet, le fond et les détails ? Introduisez une zone franchement plus claire ou plus sombre. Dans un document, évitez les petits caractères gris clair dont l’élégance apparente se paie en lisibilité.

Nuances de gris

Les noms et aperçus ci-dessous reprennent le répertoire du site. Plusieurs codes peuvent partager un nom courant ; ces teintes ne sont pas des équivalences certifiées RAL ou Pantone.

Gris#606060
Ardoise#5A5E6B
Argent#CECECE
Argile#EFEFEF
Bis#766F64
Bistre#3D2B1F
Bistre#856D4D
Bitume#4E3D28
Céladon#83A697
Châtaigne#806D5A
Etain oxydé#BABABA
Etain pur#EDEDED
Fumée#BBD2E1
Grège#BBAE98
Gris acier#AFAFAF
Gris anthracite#303030
Gris de Payne#677179
Gris fer#848484
Gris fer#7F7F7F
Gris Perle#CECECE
Gris Perle#C7D0CC
Gris souris#9E9E9E
Gris tourterelle#BBACAC
Mastic#B3B191
Pinchard#CCCCCC
Plomb#798081
Rose Mountbatten#997A8D
Taupe#463F32
Tourdille#C1BFB1
30 palettes pour votre prochaine idée.

Recevez le kit couleur gratuit : codes HEX/RVB et fiche projet.

Recevoir mon kit gratuit →

À découvrir également : Casekit — le support client pour les boutiques en ligne.