
Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le jaune ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur le jaune pour inspirer votre prochain design.
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.

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 :
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 :
Pour compléter les tons lumineux du jaune, envisagez de l'associer avec :
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 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.
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Moutarde de Dijon
Prisme ensoleillé
Agrumes zestés
Contraste 1,34
#FFDE21
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Non conforme | Non conforme | |
Non conforme | Non conforme | |
Non conforme | Non conforme |
Contraste 15,72
#FFDE21
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
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.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffde21 | #ffde21 |
| RGB DECIMAL | 255, 222, 33 | RGB(255,222,33) |
| RGB PERCENTAGE | 100.0, 87.1, 12.9 | RGB(100.0%,87.1%,12.9%) |
| CMYK | 0, 13, 87, 0 | |
| HSL | HSL(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 |
| BINARY | 11111111, 11011110, 00100001 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.871, blue: 0.129) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.871, blue: 0.129, alpha: 1) | |
| Android - Compose | Color(0xFFFFDE21) |

Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le jaune ?

Découvrez la légèreté atténuée des pastels.

En savoir plus sur la mandarine.