Le pourpre se situe exactement entre le rouge et le bleu sur la roue chromatique. Ces couleurs primaires suscitent des émotions opposées, le rouge étant plus ardent et le bleu plus serein. Cette contradiction se fond parfaitement dans le pourpre, évoquant des sentiments de richesse, de sophistication et de puissance.
Le pourpre 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 : #9D00FF
- Valeur RGB : 61,6 % rouge, 0 % vert, et 100 % 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 pourpre dans vos designs :
- Créer une identité visuelle luxueuse. Le pourpre est idéal pour les projets qui visent à transmettre le luxe et la qualité, ce qui en fait un excellent choix pour les interfaces de produits ou services haut de gamme.
- Faire ressortir des informations importantes. Une palette de pourpre bien choisie peut efficacement différencier des catégories ou mettre en avant des statistiques spécifiques pour certains ensembles de données.
- Attirer l'attention et encourager l'action. Une touche de pourpre audacieux sur un fond neutre attire l'attention sur des boutons ou sections importants d'un site web.
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 rouge-bleu que le pourpre, considérez :
- Le violet (#7F00FF) penche davantage vers le bleu et peut avoir une association plus forte avec la spiritualité et la sagesse.
- La lavande (#D3D3FF) est un proche parent du pourpre mais offre un effet plus léger et apaisant.
- Le lilas (#A47DAB) penche légèrement plus frais et plus proche du violet que du pourpre véritable.
- Le pervenche (#CCCCFF) se situe plus près du bleu que la plupart des pourpres, évoquant des émotions plus apaisantes et paisibles.
Pour compléter le pourpre, envisagez de l'associer avec :
- Rosewater (#FFD6D1) offre un contraste subtil pour rehausser l'audace du pourpre.
- Or (#EFBF04) souligne le côté luxueux et riche du pourpre.
- L'ivoire (#FFFFE3) fournit un fond neutre pour que le pourpre puisse ressortir.
- Le bleu royal (#305CDE) crée un contraste audacieux qui amplifie le drame du pourpre.
D'autres couleurs qui s'accordent bien avec le pourpre incluent des neutres comme le blanc, le gris, ou le noir. Elles créent un arrière-plan sophistiqué tout en laissant le pourpre briller dans n'importe quel design.
Étant donné que le pourpre est vif et audacieux, il peut jurer avec :
- Le marron (#550000) est une couleur forte qui entre en dissonance avec un pourpre tout aussi intense.
- Le fuchsia (#FE3894) est très similaire au pourpre, donc la combinaison rend un design encombré.
- Le chartreuse (#CCFF00) est une couleur vive qui entre en dissonance avec l'audace du pourpre.
- Le vert néon (#2CFF05) est visuellement choquant lorsqu'il est associé à un pourpre vibrant.
Le pourpre est une couleur captivante qui incarne le pouvoir, la confiance et la sagesse. Il représente la royauté, l'extravagance, et parfois la magie.
En psychologie des couleurs, le pourpre évoque une gamme complexe d'émotions en raison de son mélange de rouges passionnés et de bleus tranquilles. Il est associé à la créativité et à l'imagination, suscitant l'inspiration et la joie lorsqu'il est utilisé dans certains contextes.
La polyvalence du pourpre en fait un excellent choix pour une large gamme de designs d'interface, des applications créatives aux plateformes financières. Lors de l'utilisation du pourpre dans vos designs, il est important de considérer son audace—utilisez-le comme accent ou associez-le à des tons neutres pour créer une expérience équilibrée et visuellement confortable.
Le pourpre a une histoire riche remontant aux années 1500. Au-delà de la fleur ou de la pierre précieuse occasionnelle, le pourpre est rarement vu dans la nature. Les utilisations historiques du pourpre proviennent principalement de teintures fabriquées par l'homme utilisant du mucus d'escargot.
Parfois connu sous le nom de pourpre royal, cette couleur a représenté le luxe, la richesse et la sophistication pendant des siècles. Les royautés d'Égypte, de Rome et de Perse ont popularisé la révérence pour le pourpre en limitant son utilisation aux vêtements et bijoux des membres de la haute société.
Aujourd'hui, le pourpre maintient sa réputation de richesse et de sophistication tout en étant plus accessible aux masses.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Brume Pourpre
Réaction Alchimique
Fantaisie Fuchsia
Vérificateur de contraste
Contraste 5,42
- Texte en grand format
#9D00FF
- 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,88
- Texte en grand format
#9D00FF
- 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 #9d00ff, connue sous le nom de Pourpre, a des valeurs RVB de R:157, G:0, B:255 et des valeurs CMJN de C:38, M:100, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #9d00ff | #9d00ff |
| RGB DECIMAL | 157, 0, 255 | RGB(157,0,255) |
| RGB PERCENTAGE | 61.6, 0.0, 100.0 | RGB(61.6%,0.0%,100.0%) |
| CMYK | 38, 100, 0, 0 | |
| HSL | HSL(276.9, 100.0%, 50.0%) | HSL(276.9, 100.0%, 50.0%) |
| HSV (OR HSB) | 276.9°, 100.0, 100.0 | |
| WEB SAFE | #1530255 | #1530255 |
| BINARY | 10011101, 00000000, 11111111 | |
| iOS - SwiftUI | Color(red: 0.616, green: 0.000, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.616, green: 0.000, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFF9D00FF) |
