Le vert clair est une teinte fraîche située entre le turquoise et le vert sur le cercle chromatique. Ses qualités rafraîchissantes et apaisantes proviennent de son influence verte et subtilement bleue, créant un sentiment de stabilité, de paix et de régénération.
Le vert clair 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 : #88E788
- Valeur RGB : 53,3 % rouge, 90,6 % vert, et 53,3 % 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 vert clair dans vos designs :
- Fournir un retour visuel. Le vert clair est la couleur idéale pour les messages de succès ou les effets de survol qui signalent l'achèvement d'une tâche ou d'un objectif sur une plateforme. Une case à cocher, par exemple, peut apparaître en vert clair lorsqu'un utilisateur clique sur l'élément, promouvant un sentiment d'accomplissement.
- Encourager l'action de l'utilisateur. Le vert clair possède une vivacité qui capte l'attention sans être visuellement écrasante. Utilisez-le pour les appels à l'action principaux, comme les boutons “s'inscrire”, “créer un compte” ou “acheter maintenant” pour inciter les utilisateurs à cliquer.
- Évoquer une atmosphère apaisante. Intégrer le vert clair dans une palette de couleurs d’interface peut promouvoir la paix et le bien-être, notamment pour les industries de la santé et du bien-être. Il fonctionne également bien dans les applications éducatives et de productivité qui favorisent un environnement calme et concentré.
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 rafraîchissant que le vert clair, considérez :
- Le vert jade (#00BB77) a une apparence plus riche, tendant davantage vers la région bleue du cercle chromatique.
- Le vert pastel (#80EF80) partage une teinte similaire avec un peu plus de vivacité.
- Le vert menthe (#ADEBB3) apporte une touche plus douce et légère pour une ambiance printanière.
- Le céladon (#A8DCAB) apparaît plus atténué avec des nuances grises subtiles.
Pour compléter le vert clair, envisagez de l'associer avec :
- L'orchidée (#ED80E9) complète le vert clair, offrant une combinaison de couleurs dynamique mais équilibrée.
- Le blanc (#FFFFFF) crée un look propre et moderne qui permet au vert clair de ressortir.
- Le jaune clair (#FFFFC5) offre un contraste subtil pour une association de couleurs joyeuse.
- Le saumon (#FF7E70) ajoute de l'énergie à la nature régénérante du vert clair.
- Le bleu brumeux (#B5C7EB) contraste le vert clair avec un complément apaisant.
D'autres couleurs à considérer incluent le vert foncé pour une association cohérente et naturelle, le bleu marine pour une ambiance côtière, et le gris clair pour un schéma de couleurs simple mais sophistiqué.
Bien que le vert clair soit frais, il peut jurer avec :
- Le vert citron (#89F336) a une vivacité qui peut ternir la légèreté du vert clair.
- Le rose néon (#FF13F0) crée un contraste extrême, perturbant l'énergie calme du vert clair.
- L'orange foncé (#C76E00) a une chaleur qui peut sembler boueuse à côté de la fraîcheur du vert clair.
- Le violet néon (#8A00C4) peut créer un contraste discordant et déséquilibré à côté du vert clair.
Le vert clair incarne les nouveaux départs, la croissance et l'optimisme. Il porte également des connotations de paix et de stabilité.
En psychologie des couleurs, le vert clair évoque des sentiments de relaxation et de régénération. Sa teinte douce favorise également un sentiment d'espoir, élevant l'humeur et encourageant un nouveau départ.
Dans le design d’interface, le vert clair offre suffisamment de contraste pour capter l'attention de l'utilisateur sans être visuellement écrasant. Cela en fait une teinte idéale pour les appels à l'action principaux ou pour fournir un retour visuel positif.
Les pigments de vert clair ont été utilisés tout au long de l'histoire, utilisant des minéraux naturels comme la malachite, le vert-de-gris, et des matériaux d'origine végétale pour produire la teinte. Beaucoup croient que la première utilisation enregistrée du vert clair en tant que couleur distincte remonte à 700 après J.-C.
Tout au long de l'histoire, le vert clair a été un symbole de croissance et de régénération. À l'ère moderne, il a été fortement associé à la nature, à la durabilité et à l'écologisme. Aujourd'hui, les nuances de vert clair sont utilisées dans une variété d'applications, y compris le design d’interface, le design graphique, l'art moderne et la mode.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Éternel
Fleurs de printemps
Nouveau départ
Vérificateur de contraste
Contraste 1,52
- Texte en grand format
#88E788
- 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 13,83
- Texte en grand format
#88E788
- 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 #88e788, connue sous le nom de Vert clair, a des valeurs RVB de R:136, G:231, B:136 et des valeurs CMJN de C:41, M:0, Y:41, K:9.
| VALUE | CSS | |
|---|---|---|
| HEX | #88e788 | #88e788 |
| RGB DECIMAL | 136, 231, 136 | RGB(136,231,136) |
| RGB PERCENTAGE | 53.3, 90.6, 53.3 | RGB(53.3%,90.6%,53.3%) |
| CMYK | 41, 0, 41, 9 | |
| HSL | HSL(120.0, 66.4%, 72.0%) | HSL(120.0, 66.4%, 72.0%) |
| HSV (OR HSB) | 120.0°, 41.1, 90.6 | |
| WEB SAFE | #153255153 | #153255153 |
| BINARY | 10001000, 11100111, 10001000 | |
| iOS - SwiftUI | Color(red: 0.533, green: 0.906, blue: 0.533) | |
| iOS - UIKit | UIColor(red: 0.533, green: 0.906, blue: 0.533, alpha: 1) | |
| Android - Compose | Color(0xFF88E788) |
