Code couleur rouge (#ff0000)

À propos du rouge

Rouge (red) est un rouge moyen et vif, de code hexadécimal #ff0000, soit rgb(255, 0, 0). En HSL, il se situe à une teinte de 0°, une saturation de 100 % et une luminosité de 50 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: red; à la place de la valeur hexadécimale.

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

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

CSS

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

Couleurs nommées similaires

Rouge orangé (#ff4500), Cramoisi (#dc143c), Brique (#b22222), Marron (#a52a2a), Rouge foncé (#8b0000), Chocolat (#d2691e).