Le vermillon est une teinte riche et vibrante de rouge, empreinte de chaleur et de dynamisme. Comme d'autres nuances de rouge, le vermillon incarne la force, la passion et l'amour, tout en portant des connotations de danger et de pouvoir.

Le vermillon 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 : #E73121
- Valeur RGB : 90,6 % rouge, 19,2 % 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 vermillon dans vos designs :
- Créez de l'excitation. La nature vibrante du vermillon peut dynamiser un design, ce qui le rend idéal pour les applications de jeux, de divertissement ou de fitness.
- Attirez l'attention sur les éléments clés. Utilisez le vermillon de manière stratégique pour mettre en avant des CTA importants, des notifications ou des éléments interactifs comme les états de survol pour fournir un retour visuel.
- Évoquez un sentiment d'urgence : L'audace du vermillon crée un sentiment d'immédiateté et d'excitation, ce qui le rend idéal pour mettre en avant des offres à durée limitée ou des compteurs à rebours.
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 audacieux que le vermillon, considérez :
- Le scarlet (#ED2100) est un rouge ardent avec une forte saturation, évoquant passion et énergie.
- Le rouge chili (#CD1C18) présente un rouge plus profond et terreux avec une touche de brun.
- Le rouge (#FF2C2C) est un rouge pur et vibrant, offrant un impact et une attention maximaux.
- Le rouge-orangé (#FF4B33) introduit une touche d'orange, créant une teinte plus lumineuse.
Pour compléter le vermillon, envisagez de l'associer avec :
- Le noir de jais (#252525) crée un contraste dramatique qui met en valeur l'intensité du vermillon, résultant en un look audacieux.
- Le jaune-orangé (#FFB343) intensifie la chaleur du vermillon, créant une combinaison ludique qui évoque le soleil et l'excitation.
- Le cuivre (#C68346) complète les sous-tons ardents du vermillon, ajoutant profondeur et richesse.
- Le bleu (#0000FF) offre un contraste saisissant qui crée une combinaison dynamique et visuellement intéressante.
- Le vert chasseur (#2C5F34) offre un contrepoint terreux et apaisant au vermillon.
D'autres couleurs à considérer incluent des tons neutres comme la crème ou le gris pour un look plus doux, ou des couleurs complémentaires comme le turquoise pour renforcer sa vivacité.
Bien que le vermillon soit audacieux et ardent, il peut jurer avec :
- Le jaune-vert (#CCFF00) crée un contraste discordant entre les tons chauds et froids, résultant en une combinaison visuellement agressive.
- Le fuchsia (#FF00FF) rivalise avec l'intensité du vermillon, créant une expérience visuelle chaotique et accablante.
- Le cyan (#00FFFF) offre une fraîcheur contrastante qui entre en dissonance avec la chaleur du vermillon.
- La lavande (#D3D3FF) est trop douce pour compléter l'audace du vermillon, créant une combinaison visuellement peu intéressante.
- L'orange néon (#FF5C00) est trop similaire au vermillon, créant un effet brouillé.
Le vermillon représente la passion, l'énergie et l'excitation. Cette couleur a une signification culturelle dans de nombreuses sociétés, symbolisant tout, de la bonne fortune à l'énergie spirituelle.
En psychologie des couleurs, le vermillon est considéré comme stimulant et accrocheur. Il évoque des sentiments de chaleur, d'enthousiasme et de désir. Cette couleur ardente peut également être associée à l'importance.
Dans le design d’interface, le vermillon peut créer un sentiment d'excitation et d'urgence. Il attire efficacement l'attention sur les CTA, met en avant les progrès et transmet énergie et vitalité. Cependant, il est crucial de l'utiliser avec parcimonie pour éviter de surcharger le design.
Les origines du vermillon remontent aux civilisations anciennes en Chine, où il était utilisé à des fins cérémonielles et artistiques.
Le pigment était traditionnellement fabriqué à partir de cinabre, un minéral contenant du sulfure de mercure. En raison de sa toxicité, la production de vermillon était dangereuse, ce qui augmentait sa valeur.
Différentes cultures ont utilisé le vermillon pour la peinture, la sculpture et les arts décoratifs. Sa couleur vive et sa signification historique ont assuré sa popularité. Aujourd'hui, le vermillon synthétique est disponible, éliminant les risques pour la santé autrefois associés à sa production.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Chapiteau de cirque
Oiseau exotique
Sangria
Vérificateur de contraste
Contraste 4,32
- Texte en grand format
#E73121
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Non conforme | Non conforme | |
Conforme | Non conforme | |
Conforme | Non conforme |
Contraste 4,86
- Texte en grand format
#E73121
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Non conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #e73121, connue sous le nom de Vermillon, a des valeurs RVB de R:231, G:49, B:33 et des valeurs CMJN de C:0, M:79, Y:86, K:9.
| VALUE | CSS | |
|---|---|---|
| HEX | #e73121 | #e73121 |
| RGB DECIMAL | 231, 49, 33 | RGB(231,49,33) |
| RGB PERCENTAGE | 90.6, 19.2, 12.9 | RGB(90.6%,19.2%,12.9%) |
| CMYK | 0, 79, 86, 9 | |
| HSL | HSL(4.8, 80.5%, 51.8%) | HSL(4.8, 80.5%, 51.8%) |
| HSV (OR HSB) | 4.8°, 85.7, 90.6 | |
| WEB SAFE | #2555151 | #2555151 |
| BINARY | 11100111, 00110001, 00100001 | |
| iOS - SwiftUI | Color(red: 0.906, green: 0.192, blue: 0.129) | |
| iOS - UIKit | UIColor(red: 0.906, green: 0.192, blue: 0.129, alpha: 1) | |
| Android - Compose | Color(0xFFE73121) |


