Le rouge est une teinte audacieuse et vive qui se situe entre l'orange et le violet sur la roue chromatique. Étant l'une des trois couleurs primaires dans l'espace colorimétrique RVB, le rouge ne peut pas être créé en mélangeant d'autres couleurs. Au contraire, d'autres couleurs en dérivent. Cela inclut des teintes plus profondes comme le bordeaux et le grenat, ainsi que des nuances plus douces comme le rouge rose.

Le rouge 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 : #FF2C2C
- Valeur RVB : 100 % rouge, 17,3 % vert, et 17,3 % 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 rouge dans vos designs :
- Encourager l'action. Vous pouvez utiliser le rouge pour les avertissements, les messages d'erreur ou les boutons d'appel à l'action. La couleur crée un sentiment d'urgence, incitant les utilisateurs à interagir avec les éléments ou à passer à l'action.
- Déclencher des réponses émotionnelles. Le rouge peut provoquer des émotions fortes, comme la passion, l'amour ou l'excitation. C'est pourquoi les nuances de rouge représentent souvent les « j'aime » sur les applications sociales.
- Établir une hiérarchie visuelle. Le rouge fonctionne bien pour établir une hiérarchie visuelle dans les designs, utilisant son audace pour attirer l'attention sur les éléments visuels les plus importants d'un design. Cela facilite la priorisation visuelle des éléments critiques par rapport à ceux moins importants.
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 au sein du même spectre de couleurs riches que le rouge, considérez :
- Le rouge-orangé (#FF4B33) partage la même vivacité que le rouge, mais l'indice d'orange ajoute un peu plus de luminosité.
- Le écarlate (#ED2100) combine le rouge et l'orange mais penche plus vers le rouge pour une teinte audacieuse et sophistiquée.
- Le rouge pastel (#FF746C) est une teinte rouge douce et rêveuse qui ajoute une touche de douceur.
- Le rouge rose (#FA003F) est une teinte rouge-rose douce qui évoque une nuance similaire à celle d'une rose.
Pour compléter le rouge, envisagez de l'associer avec :
- L'aqua (#00FFF0) s'associe magnifiquement avec le rouge pour créer une combinaison de couleurs apaisante et subtile.
- L'orange clair (#FFDBBB) crée une palette de couleurs chaude et flamboyante lorsqu'il est associé au rouge.
- Le rose clair (#FFC5CB) s'accorde bien avec cette teinte rosée pour des designs romantiques et intimes.
- La crème (#FDFBD4) est une teinte jaune pâle qui crée une palette de couleurs chaude et élégante lorsqu'elle est associée au rouge.
- Le bleu marine (#000080) crée une ambiance traditionnelle mais sophistiquée lorsqu'il est utilisé avec différentes nuances de rouge.
D'autres couleurs qui s'accordent bien avec le rouge incluent des teintes neutres comme le blanc, le gris, le noir, et certaines nuances de marron. Ces couleurs aident à atténuer l'intensité du rouge tout en offrant un style de design élégant et moderne.
Bien que le rouge soit polyvalent, il peut jurer avec :
- Le vert (#008000) et le rouge sont des couleurs complémentaires, mais les personnes ayant une déficience de la vision des couleurs ont généralement du mal à les distinguer.
- Le magenta (#FF00FF) et le rouge peuvent être visuellement accablants lorsqu'ils sont utilisés ensemble, rendant difficile la mise en valeur des éléments de design individuels.
- Le violet néon (#BC13FE) peut entrer en dissonance avec la vivacité du rouge, créant un effet visuel distrayant et agressif.
- Le jaune (#FFFF00) est très saturé, ce qui peut sembler écrasant à côté du rouge.
Selon la psychologie des couleurs, le rouge incarne l'amour, la passion, la force et le désir. Mais il peut aussi susciter des sentiments de danger et de colère. La capacité du rouge à évoquer une large gamme d'émotions profondes est ce qui en fait une couleur si riche et spéciale.
Le rouge est une couleur symbolique dans de nombreuses cultures différentes. Dans les cultures chinoise et japonaise, le rouge symbolise la prospérité, la bonne fortune et la joie, ce qui explique pourquoi c'est une couleur si présente dans les mariages et les célébrations. En Inde, le rouge symbolise la pureté, la fertilité et le bonheur conjugal. Aujourd'hui, le rouge est un symbole de romance, mais peut aussi symboliser des avertissements dans les designs.
Étant donné que le rouge a de nombreuses significations culturelles différentes, il est important de considérer comment vous utilisez la couleur, surtout lorsque vous concevez pour un public mondial.
Bien que l'origine précise soit inconnue, les étymologistes ont retracé le nom « rouge » jusqu'au mot proto-indo-européen « reudh ». De nombreuses variations du mot ont existé avant d'évoluer en « rouge » en anglais moderne. Dans de nombreuses cultures différentes, c'était la première couleur nommée en dehors du noir et du blanc.
La couleur rouge remonte à la préhistoire, lorsque les premiers humains utilisaient de l'argile rouge comme pigment de couleur pour la peinture des grottes et du corps. Historiquement, la couleur audacieuse du rouge a représenté le sang, le pouvoir, la vie et la richesse.
Dans l'Égypte ancienne, le rouge symbolisait la vie et la renaissance, mais était aussi associé à la destruction et au mal. Cette couleur frappante et mémorable était — et est toujours — présente dans l'art, les cosmétiques et les cérémonies religieuses.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Romance Rouge
Joyeuses Fêtes
Kit à Lèvres
Vérificateur de contraste
Contraste 3,72
- Texte en grand format
#FF2C2C
- 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 5,65
- Texte en grand format
#FF2C2C
- 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 #ff2c2c, connue sous le nom de Rouge, a des valeurs RVB de R:255, G:44, B:44 et des valeurs CMJN de C:0, M:83, Y:83, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ff2c2c | #ff2c2c |
| RGB DECIMAL | 255, 44, 44 | RGB(255,44,44) |
| RGB PERCENTAGE | 100.0, 17.3, 17.3 | RGB(100.0%,17.3%,17.3%) |
| CMYK | 0, 83, 83, 0 | |
| HSL | HSL(0.0, 100.0%, 58.6%) | HSL(0.0, 100.0%, 58.6%) |
| HSV (OR HSB) | 0.0°, 82.7, 100.0 | |
| WEB SAFE | #2555151 | #2555151 |
| BINARY | 11111111, 00101100, 00101100 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.173, blue: 0.173) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.173, blue: 0.173, alpha: 1) | |
| Android - Compose | Color(0xFFFF2C2C) |


