Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le magenta ?
Le magenta est une couleur vibrante qui incarne la gaieté, la créativité et l'innovation. Positionnée entre le pourpre et le rouge sur la roue chromatique, cette teinte audacieuse mêle le calme du bleu à l'intensité du rouge, ce qui donne une nuance captivante de rouge violacé. Cette teinte affirmée est également l'une des quatre couleurs primaires du modèle CMJN utilisé en impression couleur.
Le magenta 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 : #FD3DB5
- Valeur RVB : 99,2 % rouge, 23,9 % vert, et 71 % 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'intégrer le magenta dans vos designs d'interface :
- Faites ressortir les éléments interactifs. La couleur audacieuse et accrocheuse du magenta peut aider à rendre les bascules, champs de saisie et curseurs faciles à identifier.
- Apportez dynamisme et créativité. Incorporer des touches de magenta peut ajouter une dimension créative et joyeuse, ce qui en fait une teinte idéale pour les applications destinées aux enfants.
- Améliorez les designs plats. Associer le magenta à d'autres couleurs vives et contrastées peut créer un style de design plat simple mais visuellement engageant.
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 magenta, considérez :
- Le fuchsia (#FE3894) n'est pas aussi saturé et a une légère nuance bleutée.
- Le violet (#7F00FF) a la même apparence frappante, avec plus de touches de bleu et de pourpre.
- Le rose (#FF1D8D) partage la même vivacité, avec une douceur supplémentaire dans sa teinte rose.
- La framboise (#E30B5C) capture l'essence du fruit, avec des nuances riches de rouge violacé.
Pour compléter le magenta, envisagez de l'associer à :
- Le vert-jaune (#CCFF00) se situe en face du magenta sur la roue chromatique, créant un look audacieux et vibrant lorsqu'ils sont associés.
- L'aigue-marine (#66F1C2) a des nuances de bleu-vert qui créent le contraste parfait à côté du magenta.
- La puce (#E491A6) est une teinte rose atténuée qui peut ajouter une touche de douceur à côté du magenta.
- Le vert menthe (#ADEBB3) a des nuances vertes apaisantes qui équilibrent l'intensité du magenta.
D'autres couleurs à considérer incluent des teintes de rouge plus profondes comme le bordeaux ou le rouge cramoisi pour une combinaison de couleurs riche et luxueuse, ou des teintes de pourpre avec des nuances bleues comme l'indigo ou le violet pour une sensation harmonieuse.
Bien que le magenta soit vibrant, il peut jurer avec :
- Le marron (#895129) peut créer un schéma de couleurs terne, perturbant la vivacité du magenta.
- Le rouge (#FF2C2C) offre une chaleur qui peut entrer en dissonance avec les nuances froides du magenta, créant un effet visuel discordant.
- Le cyan (#00FFFF) partage une vivacité similaire qui peut créer une tension visuelle.
- Le vert olive (#636B2F) a des nuances terreuses qui peuvent ne pas harmoniser avec la vivacité du magenta.
Le magenta représente la créativité et l'imagination. Sa teinte vibrante porte également des connotations d'harmonie et d'équilibre, car elle mêle l'énergie du rouge et le calme du pourpre.
En psychologie des couleurs, les nuances rouge violacé du magenta peuvent évoquer des sentiments d'optimisme et de gaieté. Il peut également stimuler la créativité et les idées innovantes, tandis que les teintes plus douces de magenta favorisent l'empathie et la compréhension.
Pour les designs d'interface, le magenta peut ajouter des touches de couleur qui apportent une dimension créative et joyeuse aux interfaces et éléments interactifs d'une page.
Le chimiste français François-Emmanuel Verguin a créé le premier pigment magenta en 1859, initialement appelé "fuchsine" d'après les fleurs de fuchsia rouge violacé vif. En 1860, la couleur a été renommée "magenta" pour commémorer la victoire franco-sarde à la bataille de Magenta.
Depuis lors, le magenta a été une teinte significative dans de nombreux mouvements artistiques, comme le Pop Art et l'Art Nouveau. Les designers et artistes utilisent le magenta pour apporter vie et vivacité à leurs œuvres.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Ombre électrique
Paradis des flamants
Baies spatiales
Vérificateur de contraste
Contraste 3,23
- Texte en grand format
#FD3DB5
- 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 6,51
- Texte en grand format
#FD3DB5
- 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 #fd3db5, connue sous le nom de Magenta, a des valeurs RVB de R:253, G:61, B:181 et des valeurs CMJN de C:0, M:76, Y:28, K:1.
| VALUE | CSS | |
|---|---|---|
| HEX | #fd3db5 | #fd3db5 |
| RGB DECIMAL | 253, 61, 181 | RGB(253,61,181) |
| RGB PERCENTAGE | 99.2, 23.9, 71.0 | RGB(99.2%,23.9%,71.0%) |
| CMYK | 0, 76, 28, 1 | |
| HSL | HSL(322.5, 98.0%, 61.6%) | HSL(322.5, 98.0%, 61.6%) |
| HSV (OR HSB) | 322.5°, 75.9, 99.2 | |
| WEB SAFE | #25551204 | #25551204 |
| BINARY | 11111101, 00111101, 10110101 | |
| iOS - SwiftUI | Color(red: 0.992, green: 0.239, blue: 0.710) | |
| iOS - UIKit | UIColor(red: 0.992, green: 0.239, blue: 0.710, alpha: 1) | |
| Android - Compose | Color(0xFFFD3DB5) |
