
Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir l'orange ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur l'orange pour inspirer votre prochain design.
L'orange est la couleur secondaire vibrante située entre le rouge et le jaune sur la roue chromatique. Utilisée dans les bons contextes, elle évoque un esprit ludique et une excitation palpable. Vous pouvez créer des nuances plus claires et joyeuses d'orange en ajoutant plus de jaune ou un orange plus intense et profond en ajoutant plus de rouge.

Pour garantir une cohérence sur plusieurs plateformes et appareils, utilisez les codes couleur spécifiques liés à l'orange.
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 l'orange 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 énergétique que l'orange, considérez :
L'orange se marie magnifiquement avec des palettes de couleurs qui rehaussent ou atténuent sa vivacité, comme les bleus profonds ou les crèmes neutres. Pour compléter l'orange, envisagez de l'associer à :
Des accents plus vifs comme le bleu canard ou le violet créent également des palettes de couleurs audacieuses avec l'orange. Bien qu'ils fassent plus de déclaration, ces couleurs ajoutent une touche d'énergie et s'inscrivent dans l'esprit ludique de l'orange.
Bien que l'orange soit vif et audacieux, il peut jurer avec :
L'énergie vibrante de l'orange capture l'esprit de l'enthousiasme et symbolise l'amitié, le bonheur et même la prospérité. À travers diverses cultures, l'orange revêt des significations variées. Dans la mythologie grecque, les dieux vêtus d'orange représentaient souvent l'immortalité, tandis que dans les religions orientales comme l'hindouisme et le bouddhisme, l'orange est vénéré comme une couleur sacrée.
Les psychologues des couleurs associent souvent l'orange à des émotions et des attitudes qui inspirent l'action ou l'optimisme. Cela inclut l'encouragement à la créativité, à l'expression de soi et à un esprit ludique.
Dans le design d'interface, l'orange est fréquemment utilisé pour inciter à l'action via des boutons CTA, transmettre des avertissements ou des alertes, et mettre en avant des informations critiques. Son énergie vibrante donne une impression amicale et créative, ce qui en fait un choix populaire pour les marques avec des identités similaires, comme Dunkin' Donuts ou Reese's.
Le mot "orange" dérive du mot persan ancien "nārang", qui fait référence au fruit de l'orange amère. Le mot anglais "orange" est également apparu au XIIe siècle et a probablement été dérivé du mot français "orenge".
Cette couleur intense était une favorite parmi les artistes comme Vincent van Gogh. Vous pouvez trouver des représentations de l'orange dans une variété de ses peintures.
L'orange a connu un autre moment de gloire au cours du XXe siècle lorsqu'elle était principalement utilisée pour les décorations de scène théâtrale et les embellissements de costumes. Une fois que la teinture est devenue plus commercialement disponible, elle a été associée à l'accessibilité et à la joie.
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Infusion d'agrumes
Citrine céleste
Renaissance du Phénix
Contraste 1,97
#FFA500
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 10,63
#FFA500
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 #ffa500, connue sous le nom de Orange, a des valeurs RVB de R:255, G:165, B:0 et des valeurs CMJN de C:0, M:35, Y:100, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffa500 | #ffa500 |
| RGB DECIMAL | 255, 165, 0 | RGB(255,165,0) |
| RGB PERCENTAGE | 100.0, 64.7, 0.0 | RGB(100.0%,64.7%,0.0%) |
| CMYK | 0, 35, 100, 0 | |
| HSL | HSL(38.8, 100.0%, 50.0%) | HSL(38.8, 100.0%, 50.0%) |
| HSV (OR HSB) | 38.8°, 100.0, 100.0 | |
| WEB SAFE | #2551530 | #2551530 |
| BINARY | 11111111, 10100101, 00000000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.647, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.647, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFFFA500) |

Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir l'orange ?

En savoir plus sur la mandarine.

Découvrez la couleur ambre.