
Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le rouge ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur le rouge pour inspirer votre prochain design.
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.
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 :
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 :
Pour compléter le rouge, envisagez de l'associer avec :
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 :
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.
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Romance Rouge
Joyeuses Fêtes
Kit à Lèvres
Contraste 3,72
#FF2C2C
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
#FF2C2C
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Non conforme | |
Conforme | Conforme | |
Conforme | Conforme |
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) |

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

Embrassez l'attrait romantique du rouge rose.

Découvrez l'élégance classique du bleu marine.