Cercle chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir la cerise ?
La couleur cerise est une nuance de rouge profond avec une subtile touche de rose, évoquant le fruit dont elle tire son nom. Elle se situe entre le rouge et le violet sur le cercle chromatique, imprégnée de qualités sophistiquées et sérieuses.
La couleur cerise est définie par les codes et valeurs suivants pour garantir une cohérence sur diverses plateformes et appareils numériques.
- Code HEX : #D20A2E
- Valeur RVB : 82,4 % rouge, 3,9 % vert, et 18 % 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 la couleur cerise dans vos designs :
- Mettre en valeur des éléments importants. Utilisez la teinte affirmée de la cerise pour attirer l'attention sur des éléments d'interface comme les appels à l'action et les boutons d'achat. Réservez cette couleur pour les interactions clés et les accents afin d'éviter de submerger les utilisateurs.
- Évoquer le luxe. Les nuances froides de la cerise créent une sensation plus douce que d'autres teintes rouges vives. C'est un excellent choix pour les marques haut de gamme qui souhaitent un design accrocheur mais élégant.
- Inspirer la confiance. Le mélange de rouge avec des nuances de rose de cette couleur évoque des sentiments de confiance et d'autorité. Utilisez la cerise plutôt que des couleurs plus énergiques pour un design plus accueillant.
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 que la cerise, envisagez :
- Le bordeaux (#550000) est un rouge plus profond avec des nuances brunes, apportant une qualité plus réconfortante.
- Le bourgogne (#660033) partage les qualités sophistiquées de la cerise mais est plus sombre et plus proche du violet.
- Le rouge cramoisi (#B22222) apparaît plus frais et plus atténué que la cerise.
- Le rouge rose (#FA003F) est plus vif et idéal pour une sensation ludique et énergisante.
Pour compléter la cerise, envisagez de l'associer avec :
- Le turquoise (#40E0D0) contraste avec les teintes sombres de la cerise pour une sensation sereine et rafraîchissante.
- Le bleu clair (#90D5FF) adoucit la vivacité de la cerise pour créer une palette calme et aérée.
- L'or (#EFBF04) complète la nature sophistiquée de la cerise pour un design élégant et dynamique.
- Le blanc (#FFFFFF) fournit un arrière-plan contrastant pour rendre la cerise plus lumineuse.
D'autres couleurs à considérer incluent le gris clair pour créer un arrière-plan neutre, le bleu marine pour une palette de couleurs puissante, et le jaune moutarde pour une combinaison ludique.
Bien que la cerise soit profonde, elle peut jurer avec :
- Le vert-jaune (#CCFF00) est une couleur intense qui peut créer un contraste saisissant et accablant lorsqu'elle est associée à la cerise.
- La pêche (#FFD3AC) est une couleur douce et délicate qui peut être submergée par la saturation de la cerise.
- L'écarlate (#ED2100) est un rouge plus chaud qui peut entrer en dissonance avec la tonalité plus froide de la cerise.
- Le cyan (#00FFFF) est un bleu vif qui peut rivaliser avec la cerise pour attirer l'attention et créer une sensation déséquilibrée.
La cerise incarne l'autorité, l'amour et la passion. Elle porte également des connotations de sophistication, de raffinement, de confiance et de pouvoir.
En psychologie des couleurs, la cerise évoque la force, la motivation et le désir. Sa nature vive inspire l'action et la conviction.
Dans le design d’interface, la cerise est une couleur stimulante qui attire l'attention sur les fonctionnalités clés et les interactions comme les appels à l'action ou les notifications. Son association avec l'autorité peut imprégner les designs de sentiments de fiabilité et de confiance.
La première référence connue à la « cerise » en tant que couleur remonte à la fin des années 1500 dans les écrits de J. Dickenson. Depuis lors, la cerise est apparue dans plusieurs industries, y compris la mode, le design d'intérieur et l'automobile.
Oldsmobile a produit ses 500 derniers Aleros en 2004 avec une peinture rouge cerise métallique. Porsche a également créé un modèle spécial Cherry Metallic 911 en 2020. Plus récemment, la cerise a refait surface comme une couleur phare pour la saison automne 2023 et est une couleur tendance dans le design d'intérieur.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Baiser de cerise
Kinetic
Tarte à la framboise
Vérificateur de contraste
Contraste 5,49
- Texte en grand format
#D20A2E
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Non conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 3,82
- Texte en grand format
#D20A2E
- 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 |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #d20a2e, connue sous le nom de Couleur cerise, a des valeurs RVB de R:210, G:10, B:46 et des valeurs CMJN de C:0, M:95, Y:78, K:18.
| VALUE | CSS | |
|---|---|---|
| HEX | #d20a2e | #d20a2e |
| RGB DECIMAL | 210, 10, 46 | RGB(210,10,46) |
| RGB PERCENTAGE | 82.4, 3.9, 18.0 | RGB(82.4%,3.9%,18.0%) |
| CMYK | 0, 95, 78, 18 | |
| HSL | HSL(349.2, 90.9%, 43.1%) | HSL(349.2, 90.9%, 43.1%) |
| HSV (OR HSB) | 349.2°, 95.2, 82.4 | |
| WEB SAFE | #204051 | #204051 |
| BINARY | 11010010, 00001010, 00101110 | |
| iOS - SwiftUI | Color(red: 0.824, green: 0.039, blue: 0.180) | |
| iOS - UIKit | UIColor(red: 0.824, green: 0.039, blue: 0.180, alpha: 1) | |
| Android - Compose | Color(0xFFD20A2E) |
