devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Code couleur gris (#808080)

Gris est #808080 en hexadécimal et rgb(128, 128, 128), un gris moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité de cette couleur utilisée comme texte.

Mis à jour le

Gris
#808080
Nom CSSgray (aussi grey)
Hex#808080
RGBrgb(128, 128, 128)
HSLhsl(0 0% 50%)
HWBhwb(0 50% 50%)
CMYK0%, 0%, 0%, 50%

Teintes et nuances

#e6e6e6#cccccc#b3b3b3#999999référence
#808080#666666#4d4d4d#333333#1a1a1a

À propos du gris

Gris (gray) est un gris moyen et discret, de code hexadécimal #808080, soit rgb(128, 128, 128). En HSL, il a une teinte de 0°, une saturation de 0 % et une luminosité de 50 %. CSS accepte aussi l'orthographe grey pour exactement la même couleur. Il fait partie des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: gray; à la place de la valeur hexadécimale.

Utiliser le gris pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte gris sur blanc3,95 : 1AA grands textes uniquement
Texte gris sur noir5,32 : 1AA

Sur un fond gris, utilisez un texte noir (5,32 : 1). Le WCAG exige au minimum 4,5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres combinaisons avec le Vérificateur de contraste.

CSS

.element {
  color: gray;               /* or #808080 */
  background-color: #808080;
  border: 1px solid rgb(128 128 128 / 50%);
}

Couleurs nommées similaires

Gris ardoise (#708090), Gris ardoise clair (#778899), Gris sombre (#696969), Bleu cadet (#5f9ea0), Vert mer foncé (#8fbc8f), Brun rosé (#bc8f8f).

Questions fréquentes

Quel est le code hexadécimal du gris ?
#808080, soit rgb(128, 128, 128) et hsl(0, 0%, 50%). En CSS, vous pouvez aussi simplement écrire gray.
Le texte gris est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 3,95 : 1, ce qui n'est suffisant que pour les grands textes (WCAG AA grands textes).
Quelles couleurs vont bien avec le gris ?
Le gris est une couleur neutre : il se marie avec presque toutes les couleurs. Utilisez-le pour les fonds, les bordures et le texte autour d'un accent plus vif.