Le vert jade, situé au cœur de la région verte sur la roue chromatique, est une teinte aux tons froids qui incarne le luxe et la sophistication, rappelant la précieuse pierre de jade. Il partage les qualités revitalisantes du vert avec une touche de calme apportée par son influence bleue.
Le vert jade 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 : #00BB77
- Valeur RVB : 0 % rouge, 73,3 % vert, et 46,7 % 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 jade dans vos designs :
- Améliorer les micro-interactions. Utilisez le vert jade pour apporter une touche de raffinement à votre interface et améliorer l'expérience utilisateur. Par exemple, une subtile lueur vert jade sur une icône peut indiquer qu'elle est cliquable lorsqu'on la survole.
- Créer une atmosphère luxueuse. La connexion du vert jade au luxe est idéale pour les marques promouvant des produits haut de gamme. Associez-le à des neutres sophistiqués comme le noir ou le gris pour une interface élégante.
- Signifier le succès. Étant donné que les utilisateurs associent souvent le vert à l'accomplissement, c'est une teinte utile pour indiquer l'achèvement d'une tâche. Par exemple, une case à cocher vert jade sur un formulaire ou une notification de confirmation vert jade peut indiquer visuellement aux utilisateurs qu'ils ont saisi les informations correctes.
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 froid que le vert jade, considérez :
- Le vert clair (#88E788) apparaît plus doux et évoque une sensation de tranquillité similaire.
- Le vert pastel (#80EF80) partage une teinte similaire avec plus de nuances vertes.
- Le turquoise (#40E0D0) apparaît plus bleu avec les mêmes qualités revitalisantes.
- Le vert émeraude (#00674F) est une teinte précieuse avec plus d'influence verte mais partage une sensation luxueuse similaire.
Pour compléter le vert jade, envisagez de l'associer à :
- Le jaune clair (#FFFFC5) complète la fraîcheur du vert jade pour une association de couleurs fraîche et joyeuse.
- L'amarante (#E83256) contraste avec les tons précieux du vert jade pour un schéma de couleurs vibrant mais équilibré.
- Le céladon (#A8DCAB) crée la palette de couleurs monochromatiques parfaite pour une sensation rafraîchissante et harmonieuse.
- Le taupe (#54463A) ajoute de la profondeur, créant une atmosphère ancrée et sophistiquée.
- Le rose doux (#E89EB8) crée une combinaison de couleurs fantaisiste et printanière.
D'autres couleurs à considérer incluent l'or pour une palette glamour, le bleu marine pour une association classique, et l'argent pour une sensation moderne.
Bien que le vert jade soit serein, il peut entrer en dissonance avec :
- Le vert olive (#636B2F) peut pencher trop vers le jaune et sembler terne à côté de la fraîcheur du vert jade.
- Le rose néon (#FF13F0) peut dominer la nature sereine et apaisante du vert jade.
- Le vert citron (#89F336) apparaît visuellement écrasant et peut rivaliser pour attirer l'attention à côté du vert jade.
- L'orange néon (#FF5C00) peut créer un contraste dur qui peut sembler accablant à côté du vert jade.
À l'instar de la précieuse pierre de jade, le vert jade symbolise le luxe, la sophistication et l'abondance. Il porte également des connotations de croissance et de stabilité.
En psychologie des couleurs, le vert jade favorise des sentiments de rajeunissement, de paix et de tranquillité. Il possède également des qualités stimulantes, promouvant de nouveaux départs et des commencements frais.
Dans le design d’interface, le vert jade est un bon choix pour signifier des états de succès grâce à sa capacité à susciter un sentiment d'accomplissement chez les utilisateurs. C'est aussi une excellente option de couleur pour les marques cherchant à élever leurs designs et à créer une interface utilisateur luxueuse et sophistiquée.
La pierre de jade, très prisée, a été valorisée pendant des siècles et utilisée par de nombreuses civilisations différentes — des Maoris en Nouvelle-Zélande à la Chine ancienne et aux cultures mésoaméricaines. Elle a été utilisée dans des sculptures, des cérémonies spirituelles, des bijoux et des armes, portant souvent des liens avec la richesse, la protection, la chance et la guérison.
Ce n'est qu'au XIXe siècle que le vert jade a été enregistré comme nom de couleur, se référant à la teinte de la pierre précieuse. Aujourd'hui, de nombreuses cultures utilisent le vert jade dans l'art, les bijoux, la mode et les designs.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Jaded
Jungle Heat
Metropolis
Vérificateur de contraste
Contraste 2,51
- Texte en grand format
#00BB77
- 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 8,37
- Texte en grand format
#00BB77
- 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 #00bb77, connue sous le nom de Vert jade, a des valeurs RVB de R:0, G:187, B:119 et des valeurs CMJN de C:100, M:0, Y:36, K:27.
| VALUE | CSS | |
|---|---|---|
| HEX | #00bb77 | #00bb77 |
| RGB DECIMAL | 0, 187, 119 | RGB(0,187,119) |
| RGB PERCENTAGE | 0.0, 73.3, 46.7 | RGB(0.0%,73.3%,46.7%) |
| CMYK | 100, 0, 36, 27 | |
| HSL | HSL(158.2, 100.0%, 36.7%) | HSL(158.2, 100.0%, 36.7%) |
| HSV (OR HSB) | 158.2°, 100.0, 73.3 | |
| WEB SAFE | #0204102 | #0204102 |
| BINARY | 00000000, 10111011, 01110111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.733, blue: 0.467) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.733, blue: 0.467, alpha: 1) | |
| Android - Compose | Color(0xFF00BB77) |
