Naviguer jusqu'au contenu principal

Jaune

Tout ce que vous devez savoir sur le jaune pour inspirer votre prochain design.

Obtenir la palette de couleurs

Choisir une couleur

Hex

RGB

HSB

HSL

Sélectionnez les paramètres de la palette

Palettes personnalisées

Le jaune est une couleur vive et joyeuse qui rayonne de bonheur et d'énergie. Situé entre le vert et l'orange sur la roue chromatique, c'est une teinte frappante (et une couleur pure) qui dynamise par son attrait éclatant.

color Jaunecolor Jaune

Le jaune est défini par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.

- Code HEX : #FFDE21

- Valeur RGB : 100 % rouge, 87,1 % vert et 12,9 % bleu

L'accessibilité joue un rôle crucial dans le choix des couleurs en design UX et UI. La communauté Figma propose des plugins pour s'assurer que vos designs respectent les Web Content Accessibility Guidelines.

Voici quelques façons d'utiliser le jaune dans vos designs :

  • Attirer l'attention. Utilisez le jaune pour faire ressortir des éléments comme des boutons, des alertes ou des icônes. Sa luminosité naturelle capte le regard, ce qui le rend parfait pour les points de navigation importants.
  • Stimuler la positivité. Intégrez le jaune pour créer une atmosphère accueillante et chaleureuse. Son association avec le bonheur et la chaleur peut rendre les utilisateurs plus optimistes et engagés.
  • Améliorer la visibilité. Le jaune offre un excellent contraste avec les teintes plus sombres pour la lisibilité et la mise en évidence.
  • Communiquer l'énergie. Appliquez le jaune dans des environnements dynamiques ou créatifs pour transmettre de l'énergie et inspirer l'action. Il est idéal pour les plateformes promouvant l'innovation, la créativité ou la jeunesse.

Gardez à l'esprit que la couleur et sa signification peuvent varier d'une culture à l'autre et à tout moment. Si vous créez une interface pour un public international, renseignez-vous sur la signification des couleurs pour chaque pays concerné.

Pour des variations dans le même spectre vibrant et énergisant que le jaune, considérez :

  • Le citron (#FFF44F) offre un jaune pur et lumineux qui partage l'essence ensoleillée et joyeuse du jaune.
  • L'ambre (#FFBF00) introduit une touche d'orange, offrant une teinte dorée plus profonde qui conserve la vivacité du jaune.
  • La moutarde (#FFDB58) présente un jaune terreux et atténué qui évoque la chaleur du jaune avec une intensité plus douce.
  • Le safran (#F4C430) offre un jaune légèrement teinté d'orange, capturant la riche teinte de l'épice et ajoutant une chaleur exotique.

Pour compléter les tons lumineux du jaune, envisagez de l'associer avec :

  • Le bleu marine (#000080) offre un contraste profond et riche qui met en valeur la luminosité du jaune.
  • Le gris (#898989) fournit un fond neutre qui permet au jaune de se démarquer de manière éclatante.
  • La lavande (#D3D3FF) est une couleur douce et délicate qui s'harmonise subtilement avec la chaleur du jaune.
  • Le bleu canard (#069494) fusionne des nuances de bleu et de vert qui s'équilibrent magnifiquement avec l'exubérance du jaune.
  • Le blanc (#FFFFFF) crée un look net et épuré qui renforce la légèreté et l'aérien du jaune.

D'autres couleurs à considérer incluent le vert foncé pour une ambiance naturelle, le rouge pour un impact saisissant, et le noir pour une combinaison audacieuse et classique.

Bien que le jaune soit polyvalent, il peut jurer avec :

  • Le violet foncé (#800080) peut submerger la légèreté du jaune, entraînant un impact visuel discordant.
  • Le vert olive (#808000) atténue parfois la vivacité du jaune en raison de sa terreur atténuée.
  • Le rose vif (#FF69B4) rivalise avec le jaune pour attirer l'attention, créant potentiellement une combinaison visuellement discordante.
  • Le brun foncé (#654321) peut éclipser le jaune, le faisant paraître délavé.
  • Le rouge vif (#FF0000) peut dominer le jaune, rendant l'association trop agressive pour les yeux.

Le jaune incarne la joie et l'optimisme et évoque la chaleur. Il est culturellement lié à la richesse, la prospérité et la sagesse, offrant un large éventail de significations émotionnelles et culturelles.

Psychologiquement, le jaune stimule l'activité mentale et l'énergie, attire l'attention et favorise la communication. Sa teinte vibrante peut améliorer la concentration et élever les humeurs, servant de stimulant efficace dans de nombreux contextes.

Dans le design d'interface, la présence vive du jaune peut améliorer l'engagement des utilisateurs, rendant les interfaces accueillantes et dynamiques. Il soutient l'image d'une marque comme innovante et conviviale, utilisant sa luminosité pour créer des designs percutants qui encouragent l'interaction et la positivité.

Le jaune a été utilisé à travers les âges pour capturer l'essence de la lumière et de la vie. Dans les temps anciens, les gens extrayaient le pigment jaune de l'ocre argileuse pour peindre le soleil et les étoiles sur les parois des grottes, représentant la lumière directrice du jour. Les Égyptiens vénéraient le jaune comme la couleur du soleil, de l'or et de l'immortalité. Les tombes et trésors ornés de jaune étaient un témoignage de la vie éternelle.

Durant la Renaissance, des artistes comme Vermeer et Rembrandt utilisaient le jaune pour symboliser l'illumination et l'innovation dans leurs peintures. En Chine, le jaune était réservé à l'Empereur et à son palais, représentant l'autorité, l'honneur et une connexion avec les cieux.

À la fin du XIXe siècle, la série "Tournesols" de Vincent van Gogh, peinte dans les années 1880, capturait l'essence de la joie et de la nature de la vie, illustrant la capacité du jaune à communiquer des émotions profondes et une beauté éclatante.

Variantes de couleur

Nuances

Teintes

Tons

Teintes

Harmonies de couleurs

Complémentaire

Complémentaire fractionnée

Monochrome

Analogue

Triadique

Tétradique

Palettes personnalisées

Moutarde de Dijon

Prisme ensoleillé

Agrumes zestés

Vérificateur de contraste

Contraste 1,34

Texte en grand format

#FFDE21

Texte normal

Le mode de conception, d'alignement et de création compte. Utilisez Figma.

Il s'agit d'un texte #FFDE21 sur un arrière-plan #FFFFFF.
Catégorie
Non conforme
Non conforme
Non conforme
Non conforme
Non conforme
Non conforme

Contraste 15,72

Texte en grand format

#FFDE21

Texte normal

Le mode de conception, d'alignement et de création compte. Utilisez Figma.

Il s'agit d'un texte #FFDE21 sur un arrière-plan #000000.
Catégorie
Conforme
Conforme
Conforme
Conforme
Conforme
Conforme

Simulations de couleurs

Protanopie

Deutéranopie

Tritanopie

Achromatopsie

La couleur hexadécimale #ffde21, connue sous le nom de Jaune, a des valeurs RVB de R:255, G:222, B:33 et des valeurs CMJN de C:0, M:13, Y:87, K:0.

VALUECSS
HEX#ffde21#ffde21
RGB DECIMAL255, 222, 33RGB(255,222,33)
RGB PERCENTAGE100.0, 87.1, 12.9RGB(100.0%,87.1%,12.9%)
CMYK0, 13, 87, 0
HSLHSL(51.1, 100.0%, 56.5%)HSL(51.1, 100.0%, 56.5%)
HSV (OR HSB)51.1°, 87.1, 100.0
WEB SAFE#25520451#25520451
BINARY11111111, 11011110, 00100001
iOS - SwiftUIColor(red: 1.000, green: 0.871, blue: 0.129)
iOS - UIKitUIColor(red: 1.000, green: 0.871, blue: 0.129, alpha: 1)
Android - ComposeColor(0xFFFFDE21)