Palette de couleurs

Couleur jaune

La couleur la plus lumineuse du cercle chromatique et la première que l'œil remarque. Elle évoque le soleil, l'été et la prudence. C'est pourquoi on la voit sur les taxis, les panneaux de signalisation et les marques qui veulent paraître joyeuses.

Aussi appelée : jaune vif.

Jaune · #FFFF00

Fiche de la couleur jaune

La couleur jaune (#FFFF00) est une couleur chaude, de luminosité moyenne et très saturée. Elle appartient à la famille des jaunes. Elle se compose de 255 de rouge, 255 de vert et 0 de bleu (sur 255). Usages courants : signalétique, logos, enfants, web.

Nuances de la couleur jaune : claires et foncées

Du plus clair au plus foncé. Touchez une nuance pour copier son code.

Couleurs qui vont avec la couleur jaune

GrisUn classique moderne et équilibré.Bleu marineUn contraste fort et élégant.BlancFrais et lumineux.NoirContraste maximal, très graphique.VioletSa complémentaire, vibrante et audacieuse.VertUn mélange naturel et joyeux.Bleu cielUn duo printanier.BeigeUne base douce et chaleureuse.
Comment associer la couleur jaune en mode et en déco →

Harmonies de la couleur jaune

Combinaisons basées sur le cercle chromatique. Plus d'options avec l'outil harmonie des couleurs.

ComplémentaireProche de : Bleu
AnaloguesProche de : Orange, Chartreuse
TriadeProche de : Cyan, Magenta
Complémentaires adjacentesProche de : Bleu électrique, Violet
TétradeProche de : Vert menthe, Bleu, Rose vif

Palettes avec la couleur jaune

Copiez les codes ou ouvrez la palette dans l'éditeur pour l'ajuster.

Palette monochrome · Jaune
Palette analogue · Jaune
Palette complémentaire · Jaune
Palette triade · Jaune
Palette avec neutres · Jaune
Palette avec accent · Jaune

Contraste de la couleur jaune avec le texte

Texte blancContraste 1.1:1 · Déconseillé
Texte noirContraste 19.6:1 · AAA

Selon les règles WCAG 2.1. Testez d'autres paires avec le vérificateur de contraste.

Code CSS

:root {
  --jaune: #FFFF00;
  --jaune-rgb: 255, 255, 0;
}
.fond { background-color: var(--jaune); }
.texte { color: var(--jaune); }

Couleurs proches de la couleur jaune

Jaune citronJaune canariJaune fluoDoréVert citronJaune maïsJaune tournesolSafranAmbreVert pomme

Autres jaunes

DoréVieil orJaune moutardeJaune citronAmbreBléMielJaune canariSafranChampagneJaune pastelJaune fluoJaune maïsJaune tournesol

Questions fréquentes

Quel est le code de la couleur jaune ?

Le code HEX de la couleur jaune est #FFFF00. En RGB, c'est rgb(255, 255, 0), en HSL hsl(60, 100%, 50%) et en CMJN 0, 0, 100, 0.

Quelle est la complémentaire de la couleur jaune ?

Sa complémentaire sur le cercle chromatique est #0000FF, une teinte proche de la couleur bleu. En petite quantité, elle sert d'accent et apporte beaucoup de contraste.

Peut-on mettre du texte blanc sur la couleur jaune ?

Mieux vaut un texte noir : le contraste avec le blanc n'est que de 1.1:1, contre 19.6:1 avec le noir.

Quelles couleurs vont avec la couleur jaune ?

Elle se marie bien avec : gris, bleu marine, blanc, noir, violet. Évitez-le avec de l'orange ou du rouge intense en même temps : l'ensemble devient criard. En texte sur blanc pur, le jaune se lit très mal.