#F5F0DFComprendre. Comparer. Créer.
Jaune : 50 nuances, noms et codes couleur
Découvrez le jaune, ses nuances, ses codes HTML et RVB, sa signification et des idées pour l’associer dans vos projets.
Code couleur et repère CSS
Le mot-clé CSS yellow correspond à #FFFF00. Il représente une teinte précise, et non toutes les nuances de cette couleur.
- HEX
- #FFFF00
- RVB
- 255, 255, 0
- CMJN ≈
- 0%, 0%, 100%, 0%
- HSL
- 60°, 100%, 50%
Le CMJN affiché est une estimation sans profil d’impression.
Signification et perception
Le jaune évoque souvent la lumière et la chaleur. Un jaune citron semble plus vif qu’un ocre, dont la composante brune adoucit la présence. La teinte ne suffit pas à déterminer la lisibilité d’un texte.
Avec quelles couleurs l’associer ?
Pour associer le jaune, la première décision est de choisir entre une nuance citron, un jaune doux et un ocre. Un jaune très clair peut servir de fond ; un jaune saturé devient facilement un accent. Son partenaire doit donner une structure à la composition, et pas seulement ajouter une autre couleur lumineuse.
Jaune et bleu profond : un point d’appui sombre
Un bleu profond donne un contour visuel à l’ocre ou au jaune clair. Pour un coin bureau, essayez un fond bleu et une lampe ocre, ou inversez le rapport avec des murs clairs et un petit rangement bleu. Sur une couverture, laissez le jaune occuper une zone simple et placez le titre sur une surface dont le contraste a été vérifié.
Jaune et gris : éviter l’accord sans relief
Avec un gris moyen, un jaune vif fonctionne mieux comme détail distinct que comme second fond de même importance. Introduisez aussi une différence de clarté : gris anthracite, gris perle et jaune ne se répartissent pas comme deux tons moyens. Dans un intérieur, une matière tissée ou du bois peut enrichir l’ensemble sans multiplier les couleurs.
Jaune et vert : du citron à l’olive
Un jaune paille avec un vert olive compose un accord plus sourd qu’un citron avec un vert vif. Le premier peut accompagner du lin et du bois ; le second convient à un parti pris graphique plus affirmé. Si les deux couleurs se mélangent visuellement, ajoutez une séparation claire ou foncée au lieu d’augmenter encore leur saturation.
Utiliser le jaune sur un fond ou dans un texte
Un aplat jaune peut accueillir une typographie sombre et devenir une zone de repérage. L’inverse mérite plus de prudence : des lettres jaune pâle sur blanc risquent de manquer de contraste. Pour un bouton, testez séparément son contour par rapport à la page et son libellé par rapport au fond. Un élément visible n’est pas nécessairement un élément lisible.
Palette à essayer : ocre, encre et ivoire
Sur un support majoritairement ivoire, utilisez l’encre pour structurer et l’ocre pour signaler une seule zone. Une répartition de départ de 70 % d’ivoire, 20 % d’encre et 10 % d’ocre rend les rôles faciles à comparer.
#26364A#C79832Palette proposée pour vos essais, avec codes HEX à copier. Ces aperçus sRGB ne sont pas des références certifiées de peinture ou de textile.
Le piège : choisir le jaune sous un seul éclairage
Avant de peindre, placez un échantillon près du sol, des rideaux et d’une surface blanche. Observez-le à différents moments et sous les lampes qui seront réellement utilisées. Ne cherchez pas uniquement le jaune le plus agréable isolément : retenez celui qui fonctionne avec les matériaux déjà présents.
Nuances de jaune
Les noms et aperçus ci-dessous reprennent le répertoire du site. Plusieurs codes peuvent partager un nom courant ; ces teintes ne sont pas des équivalences certifiées RAL ou Pantone.
#FFFF00#F0C300#FFCB60#F0E36B#FFF48D#E8D630#E2BC74#FCDC12#EDD38C#CDCD0D#D0C07A#FBF2B7#EDFF0C#FFFF05#F7FF3C#AD4F09#E6E697#FFFF6B#EF9B0F#EFD242#D1B606#E7F00D#DFFF00#FDEE00#FFF0BC#EFD807#FFE436#FEF86C#C7CF00#F7E269#808000#FEE347#F7E35F#FFDE75#EED153#B3B191#DAB30A#DFAF2C#DD985C#FFD700#FCD21C#B67823#C3B470#A89874#E0CDA9#F3D617#FFFF6B#FAEA73#E1CE9A#E7A854Recevez le kit couleur gratuit : codes HEX/RVB et fiche projet.