Code couleur violet (#800080)

Violet est #800080 en hexadécimal et rgb(128, 0, 128), un magenta foncé. Vous trouverez ci-dessous tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité de cette couleur utilisée pour le texte.

Mis à jour le

Violet
#800080
Nom CSSpurple
Hex#800080
RGBrgb(128, 0, 128)
HSLhsl(300 100% 25%)
HWBhwb(300 0% 50%)
CMYK0%, 100%, 0%, 50%

Teintes et nuances

Harmonies de couleurs

À propos du violet

Violet (purple) est un magenta foncé et vif, de code hexadécimal #800080, soit rgb(128, 0, 128). En HSL, sa teinte est de 300°, sa saturation de 100 % et sa luminosité de 25 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: purple; à la place de la valeur hexadécimale.

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

AssociationRatio de contrasteWCAG
Texte violet sur blanc9.42 : 1AAA
Texte violet sur noir2.23 : 1échec

Sur un arrière-plan violet, utilisez un texte blanc (9.42 : 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: purple;               /* or #800080 */
  background-color: #800080;
  border: 1px solid rgb(128 0 128 / 50%);
}

Noms de couleurs similaires

Magenta foncé (#8b008b), Indigo (#4b0082), Rebecca Purple (#663399), Rouge violet moyen (#c71585), Bleu ardoise foncé (#483d8b), Violet foncé (#9400d3).

Questions fréquentes

Quel est le code hexadécimal du violet ?
#800080, soit rgb(128, 0, 128) et hsl(300, 100%, 25%). En CSS, vous pouvez aussi simplement écrire purple.
Le texte violet est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 9.42 : 1, ce qui respecte le niveau AA du WCAG pour un texte courant.
Quelles couleurs vont bien avec le violet ?
Sa couleur complémentaire est #008000 ; les couleurs analogues #400080 et #800040 se trouvent juste à côté sur le cercle chromatique.