#D8D3CCComprendre. 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.
#BA9391#303336Palette 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.
#606060#5A5E6B#CECECE#EFEFEF#766F64#3D2B1F#856D4D#4E3D28#83A697#806D5A#BABABA#EDEDED#BBD2E1#BBAE98#AFAFAF#303030#677179#848484#7F7F7F#CECECE#C7D0CC#9E9E9E#BBACAC#B3B191#CCCCCC#798081#997A8D#463F32#C1BFB1Recevez le kit couleur gratuit : codes HEX/RVB et fiche projet.