Le point médian entre le blanc et le noir. Neutre et équilibré, il laisse briller les autres couleurs. On l'utilise pour les textes secondaires, les basiques de garde-robe et la déco moderne.
Aussi appelée : gris moyen.
La couleur gris (#808080) est une couleur neutre, de luminosité moyenne et presque sans saturation. Elle appartient à la famille des gris. Elle se compose de 128 de rouge, 128 de vert et 128 de bleu (sur 255). Usages courants : web, décoration, mode, image de marque.
Du plus clair au plus foncé. Touchez une nuance pour copier son code.
Combinaisons basées sur le cercle chromatique. Plus d'options avec l'outil harmonie des couleurs.
Copiez les codes ou ouvrez la palette dans l'éditeur pour l'ajuster.
Selon les règles WCAG 2.1. Testez d'autres paires avec le vérificateur de contraste.
:root {
--gris: #808080;
--gris-rgb: 128, 128, 128;
}
.fond { background-color: var(--gris); }
.texte { color: var(--gris); }Le code HEX de la couleur gris est #808080. En RGB, c'est rgb(128, 128, 128), en HSL hsl(0, 0%, 50%) et en CMJN 0, 0, 0, 50.
Sa complémentaire sur le cercle chromatique est #808080, une teinte proche de la couleur gris. En petite quantité, elle sert d'accent et apporte beaucoup de contraste.
Mieux vaut un texte noir : le contraste avec le blanc n'est que de 3.9:1, contre 5.3:1 avec le noir.
Elle se marie bien avec : blanc, noir, jaune, vieux rose, bleu marine. Évitez d'associer des gris de températures différentes, comme un gris bleuté et un gris verdâtre : ils paraissent mal assortis. Le gris avec un beige très jaune peut aussi faire sale.