Couleurs › Gris › Gris

Code couleur

Gris

Couleur neutreGrisd'intensité moyennetrès désaturée
HEX#808080
RVBrgb(128, 128, 128)
TSLhsl(0, 0%, 50%)
CMJN0, 0, 0, 50

Gris est une couleur neutre de la famille des gris, d'intensité moyenne et très désaturée. Voici ses codes, les couleurs qui l'accompagnent le mieux et des palettes prêtes à l'emploi. Cliquez sur un code ou une couleur pour le copier.

Quelles couleurs vont avec le gris ?

Les associations les plus sûres sont gris acier, gris perle, blanc et des neutres froids comme gris perle ou blanc.

Gris en situation

Un aperçu sur un mur de salon et sur l'interface d'un site.

Mur gris, coussins gris acier et gris acier
atelier.fr
NouveauCollection d'automne

Un aperçu de le gris en couleur principale d'un site : en-tête, bouton et étiquette.

DécouvrirEn savoir plus
En couleur principale d'un site web

Palettes avec le gris

Cinq palettes de cinq couleurs, à copier en un clic.

E6E6E6
B8B8B8
808080
5A5A5A
333333

Une seule teinte déclinée du clair au foncé : harmonie garantie

808080
808080
808080
808080
808080

Les teintes voisines sur le cercle chromatique : un ensemble doux et naturel

ComplémentaireCopier la palette
DED5D5
808080
F4F5F7
808080
404040

La couleur opposée crée le contraste le plus fort : à utiliser par touches

808080
808080
808080
DED5D5
402727

Trois teintes réparties à 120° : un équilibre vivant et coloré

Douce et naturelleCopier la palette
DED5D5
808080
CECECE
5A6E8C
FFFFFF

Gris associé à des neutres froids, idéal en décoration

Harmonies sur le cercle chromatique

La position de gris sur le cercle et les couleurs qui lui répondent selon la théorie des couleurs.

Nuances de gris

Du plus clair (50) au plus foncé (900), même teinte et même saturation.

50
100
200
300
Gris
500
600
700
800
900

Comment utiliser le gris ?

En décoration

Gris est une base neutre facile à vivre. Foncé, il habille un mur d'accent ou une cuisine ; réchauffez-le avec du bois et des textiles beiges.

En mode

En mode, le gris se porte en pièce forte, associé à des basiques neutres. Teinte froide, elle met en valeur les carnations claires et rosées.

En design et sur le web

Sur un site web ou un logo, le gris doit être associé à un texte foncé (contraste avec le noir : 5.32:1). Utilisez la gamme de nuances ci-dessous pour créer des états (survol, désactivé) cohérents.

La famille des gris. Des gris perle aux anthracites, ces neutres apportent calme et élégance. Un gris légèrement bleuté paraît plus frais, un gris teinté de brun (taupe, tourterelle) plus chaleureux. Voir toutes les nuances →

Lisibilité du texte

Texte blancContraste 3.95:1 — AA grands textes seulement
Texte noirContraste 5.32:1 — AA (bon)

Couleurs proches

Les valeurs affichées à l'écran peuvent varier selon l'appareil. Pour la peinture ou l'impression, comparez toujours avec un nuancier physique.