La lavande est une nuance claire de pourpre, nommée d'après les délicates fleurs de lavande. Sur la roue chromatique, elle se situe entre le violet et le rouge, fusionnant leurs tons plus frais à leurs formes les plus pâles. Cette couleur évoque des sentiments de relaxation, tout en incarnant la fraîcheur du printemps et l'élégance de la féminité.
La lavande est définie par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.
- Code HEX : #D3D3FF
- Valeur RVB : 82,7 % rouge, 82,7 % 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 la lavande dans vos designs :
- Créer une ambiance relaxante. Utilisez la lavande comme couleur de fond principale pour des interfaces axées sur la relaxation ou le bien-être, comme les applications de méditation, les services de réservation de spa ou les traqueurs de sommeil.
- Apporter du dynamisme. Associez la lavande à des touches de jaune ou de vert pour plus de vivacité, ou à du bleu clair pour plus de calme.
- Assurer la lisibilité : Faites attention au contraste entre le texte et le fond pour une lecture facile, surtout pour les designs avec beaucoup de texte. Associez des couleurs à fort contraste avec la lavande, comme le noir, le gris foncé ou le blanc.
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 doux que la lavande, considérez :
- Le pervenche (#CCCCFF) partage la même teinte mais est légèrement plus foncé.
- Le lilas (#A47DAB) a une essence florale similaire avec des sous-tons rouges.
- Le mauve (#E0AFFF) est une couleur pourpre similaire mais plus saturée.
- Le bleu brumeux (#B5C7EB) a une teinte douce et froide avec plus de bleu.
Pour compléter la lavande, envisagez de l'associer à :
- Le jaune pastel (#FFEE8C) contraste avec le pourpre clair et crée une ambiance joyeuse et printanière.
- Le vert menthe (#ADEBB3) s'accorde bien avec le pourpre clair de la lavande et ajoute une touche de fraîcheur.
- L'ivoire (#FFFFE3) est une couleur neutre qui se combine avec la lavande pour créer une atmosphère douce et aérienne.
- Le bleu clair (#90D5FF) partage la même fraîcheur, créant une atmosphère apaisante.
D'autres couleurs à considérer incluent le jaune pour contraster la douceur de la lavande et la pêche pour ajouter une touche d'énergie et de chaleur.
Bien que la lavande soit apaisante et polyvalente, elle peut jurer avec :
- Le fuchsia (#FE3894) peut dominer la douceur de la lavande, créant un contraste visuel trop fort.
- Le vert citron (#89F336) entre en dissonance avec les tons froids de la lavande, créant une combinaison déséquilibrée et potentiellement discordante.
- Le bleu marine (#000080) peut dominer la lavande et la rendre terne, surtout sur de grandes surfaces.
- L'orange foncé (#C76E00) a des sous-tons rouges foncés qui créent une combinaison de couleurs désagréable avec la lavande.
La lavande incarne la pureté et le calme, découlant de son association avec le parfum apaisant et floral de la fleur de lavande. Historiquement, elle a été liée à la royauté et au luxe, faisant écho à l'association du pourpre avec la noblesse.
En psychologie des couleurs, la lavande peut évoquer des sentiments de paix et de relaxation, semblables au parfum tranquille de la lavande. Voir cette couleur peut donner l'impression de respirer l'air frais d'un champ de lavande serein, favorisant un sentiment de bien-être.
La symbolique de paix et de relaxation de la lavande se traduit bien dans le design moderne. Contrairement aux couleurs plus audacieuses, la lavande offre une tranquillité qui est douce pour les yeux. C'est une excellente couleur pour les marques qui souhaitent évoquer des sentiments de paix ou d'élégance.
La couleur lavande tire son nom de la fleur de lavande, une plante connue pour ses délicates fleurs pourpres. Le mot « lavande » a été utilisé pour la première fois pour décrire la couleur en anglais vers 1705. Auparavant, il ne se référait qu'à la fleur elle-même.
Historiquement, la fleur et sa couleur ont été associées au raffinement, à l'élégance et à la tranquillité. Elle est apparue dans tout, des textiles et poteries aux peintures et tenues à la mode, surtout pendant les périodes de romantisme et de styles de renaissance.
Au fil du temps, la signification historique de la lavande a évolué pour inclure des associations avec la relaxation, le calme et la spiritualité. La couleur est incluse dans de nombreuses tendances de design modernes, souvent utilisée pour créer des palettes de couleurs apaisantes et harmonieuses.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Mélodie de Lavande
Aube Éthérée
Poussière de Lune
Vérificateur de contraste
Contraste 1,45
- Texte en grand format
#D3D3FF
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Non conforme | Non conforme | |
Non conforme | Non conforme | |
Non conforme | Non conforme |
Contraste 14,53
- Texte en grand format
#D3D3FF
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #d3d3ff, connue sous le nom de Lavande, a des valeurs RVB de R:211, G:211, B:255 et des valeurs CMJN de C:17, M:17, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #d3d3ff | #d3d3ff |
| RGB DECIMAL | 211, 211, 255 | RGB(211,211,255) |
| RGB PERCENTAGE | 82.7, 82.7, 100.0 | RGB(82.7%,82.7%,100.0%) |
| CMYK | 17, 17, 0, 0 | |
| HSL | HSL(240.0, 100.0%, 91.4%) | HSL(240.0, 100.0%, 91.4%) |
| HSV (OR HSB) | 240.0°, 17.3, 100.0 | |
| WEB SAFE | #204204255 | #204204255 |
| BINARY | 11010011, 11010011, 11111111 | |
| iOS - SwiftUI | Color(red: 0.827, green: 0.827, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.827, green: 0.827, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFFD3D3FF) |
