Code couleur jaune (#ffff00)

Jaune est #ffff00 en hexadécimal et rgb(255, 255, 0) — un jaune moyen. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Jaune
#ffff00
Nom CSSyellow
Hex#ffff00
RGBrgb(255, 255, 0)
HSLhsl(60 100% 50%)
HWBhwb(60 0% 0%)
CMYK0%, 0%, 100%, 0%

Teintes et nuances

Harmonies chromatiques

À propos du jaune

Jaune (yellow) est une couleur jaune moyenne et vive, de code hexadécimal #ffff00, soit rgb(255, 255, 0). En HSL, sa teinte est de 60°, sa saturation de 100 % et sa luminosité de 50 %. C’est l’une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: yellow; au lieu de la valeur hexadécimale.

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

AssociationRatio de contrasteWCAG
Texte jaune sur blanc1.07 : 1échec
Texte jaune sur noir19.56 : 1AAA

Sur un fond jaune, utilisez un texte noir (19.56 : 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: yellow;               /* or #ffff00 */
  background-color: #ffff00;
  border: 1px solid rgb(255 255 0 / 50%);
}

Couleurs nommées similaires

Or (#ffd700), Orange (#ffa500), Vert-jaune (#adff2f), Verge d’or (#daa520), Orange foncé (#ff8c00), Jaune-vert (#9acd32).

Questions fréquentes

Quel est le code hexadécimal du jaune ?
#ffff00 — soit rgb(255, 255, 0) et hsl(60, 100%, 50%). En CSS, vous pouvez aussi simplement écrire yellow.
Le texte jaune est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1.07 : 1, ce qui échoue au WCAG. Réservez-le à la décoration ou utilisez-le sur un fond sombre.
Quelles couleurs vont bien avec le jaune ?
Sa couleur complémentaire est #0000ff ; les couleurs analogues #ff8000 et #80ff00 se trouvent à côté sur le cercle chromatique.