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

Code couleur blanc (#ffffff)

Blanc s'écrit #ffffff en hexadécimal et rgb(255, 255, 255), un blanc très clair. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Blanc
#ffffff
Nom CSSwhite
Hex#ffffff
RGBrgb(255, 255, 255)
HSLhsl(0 0% 100%)
HWBhwb(0 100% 0%)
CMYK0%, 0%, 0%, 0%

Teintes et nuances

#ffffff#ffffff#ffffff#ffffffbase
#ffffff#cccccc#999999#666666#333333

À propos du blanc

Blanc (white) est un blanc très clair et doux, de code hexadécimal #ffffff, soit rgb(255, 255, 255). En HSL, il a une teinte de 0°, une saturation de 0 % et une luminosité de 100 %. C'est l'une des 148 couleurs nommées reconnues par tous les navigateurs : vous pouvez donc écrire color: white; à la place de la valeur hexadécimale.

Utiliser le blanc pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte blanc sur fond blanc1,00 : 1échec
Texte blanc sur fond noir21,00 : 1AAA

Sur fond blanc, utilisez un texte noir (21,00 : 1). Les WCAG exigent un ratio d'au moins 4,5 : 1 pour le texte courant et de 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Vérificateur de contraste.

CSS

.element {
  color: white;               /* or #ffffff */
  background-color: #ffffff;
  border: 1px solid rgb(255 255 255 / 50%);
}

Couleurs nommées similaires

Neige (#fffafa), Blanc fantôme (#f8f8ff), Crème de menthe (#f5fffa), Azur (#f0ffff), Ivoire (#fffff0), Blanc floral (#fffaf0).

Questions fréquentes

Quel est le code hexadécimal du blanc ?
#ffffff, soit rgb(255, 255, 255) et hsl(0, 0%, 100%). En CSS, vous pouvez aussi simplement écrire white.
Le texte blanc est-il lisible sur fond blanc ?
Son ratio de contraste sur fond blanc est de 1,00 : 1, ce qui ne respecte pas les WCAG. Réservez-le à la décoration ou à un fond sombre.
Quelles couleurs vont bien avec le blanc ?
Le blanc est une couleur neutre : il s'associe à presque toutes les couleurs. Utilisez-le pour les arrière-plans, les bordures et le texte autour d'un accent plus marqué.