Naviguer jusqu'au contenu principal

Chartreuse

Tout ce que vous devez savoir sur le chartreuse pour inspirer votre prochain design.

Obtenir la palette de couleurs

Choisir une couleur

Hex

RGB

HSB

HSL

Sélectionnez les paramètres de la palette

Palettes personnalisées

Le chartreuse est une couleur vive et frappante qui dégage une énergie et une vitalité éclatantes. Cette teinte se situe près de l'extrémité jaune du spectre, entre le jaune et le vert sur la roue chromatique, soulignant sa qualité lumineuse et néon. Bien que le chartreuse puisse varier d'un vert lime plus doux à un jaune-vert néon plus intense, cette teinte spécifique penche vers un néon éclatant, en faisant un choix remarquable pour les designs nécessitant un impact visuel dynamique.

Le chartreuse 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 : #CCFF00

- Valeur RVB : 80 % rouge, 100 % vert et 0 % 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.

Pour utiliser efficacement le chartreuse dans le design d'interface, envisagez ces approches :

  • Utilisez-le comme couleur d'accent. En raison de sa luminosité, le chartreuse fonctionne mieux comme couleur d'accent pour les notifications importantes, les icônes ou les boutons. Il est particulièrement efficace dans les designs en mode sombre, où sa luminosité peut vraiment ressortir.
  • Équilibrez avec des tons froids. Associez le chartreuse à des bleus froids ou des gris pour équilibrer sa chaleur. Cette combinaison peut améliorer l'expérience utilisateur en offrant un contraste confortable.
  • Illuminez et dynamisez votre interface. Avec son énergie vibrante, le chartreuse peut apporter un look frais et vivant à l'interface. Il est parfait pour ajouter des touches de couleur qui attirent l'attention sans submerger les sens de l'utilisateur.
  • Signalez l'innovation et l'éco-responsabilité. La teinte unique du chartreuse peut incarner l'innovation et la conscience environnementale. Utilisez-le dans des applications ou sites web axés sur la technologie, la durabilité ou la santé pour s'aligner sur ces thèmes.

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 lumineux et énergique que le chartreuse, envisagez :

  • Le vert lime (#89F336) est une version plus saturée et purement verte, partageant la vivacité du chartreuse mais penchant davantage vers l'extrémité verte du spectre.
  • Le jaune néon (#CFFF04) correspond étroitement à l'intensité et à la luminosité du chartreuse mais avec un léger décalage vers le jaune, offrant une ambiance électrique similaire.
  • Le vert printemps (#A7F432) adoucit légèrement l'intensité, mélangeant le vert et le jaune avec une sensation plus douce et pastorale tout en conservant l'essence vive.
  • Le citron vert (#E3FF00) offre une variation légèrement plus jaune, capturant le zeste et le piquant associés à la couleur dynamique du chartreuse.

Pour compléter les tons vifs du chartreuse, envisagez de l'associer à :

  • Le violet profond (#6A0DAD) offre un contraste riche et luxueux, faisant ressortir le chartreuse avec une vibrance presque électrique.
  • Le bleu ciel (#87CEEB) introduit un contraste calme et rafraîchissant, équilibrant l'intensité du chartreuse avec la sérénité d'un jour clair.
  • Le gris ardoise (#6D8196) offre un fond moderne et neutre qui ancre la luminosité du chartreuse, adapté aux espaces sophistiqués.
  • Le rose doux (#FFC0CB) ajoute une touche douce et féminine, complétant subtilement le chartreuse sans submerger sa présence.
  • Le bleu marine (#000080) pour un look audacieux et classique qui contraste fortement avec le chartreuse, mettant en valeur son unicité et sa vivacité.

D'autres couleurs à considérer incluent le blanc crème pour un mélange doux et harmonieux, la terracotta pour un contraste terreux et ancré, et le corail pour une palette tropicale et vivante.

Bien que le chartreuse soit polyvalent, il peut entrer en dissonance avec :

  • Le rouge vif (#FF0000) peut créer un contraste visuellement discordant, potentiellement en dissonance avec les tons jaune-vert du chartreuse d'une manière trop agressive pour la plupart des palettes.
  • Le brun foncé (#654321), bien que neutre, pourrait atténuer la vivacité du chartreuse, conduisant à une combinaison atténuée et moins attrayante.
  • Le bleu électrique (#0000FF) offre un contraste frais et vif qui peut éclipser la chaleur et la luminosité du chartreuse, créant une palette qui peut sembler disjointe.
  • Le rose vif (#FF69B4), bien que vivant, peut rivaliser trop directement avec le chartreuse, résultant en un schéma de couleurs trop vibrant et potentiellement chaotique.
  • Le vert olive (#636B2F), avec ses tons terreux et atténués, peut ne pas offrir suffisamment de contraste avec le chartreuse, résultant en un mélange qui manque de distinction.

Le chartreuse incarne l'énergie, la vitalité et la surprise. Cette couleur vive capture le renouveau du printemps et de la nature, illustrant la croissance, le renouveau et l'innovation audacieuse. Sa teinte accrocheuse signifie souvent créativité et singularité, se démarquant par sa luminosité et sa capacité à capter l'attention.

En psychologie des couleurs, le chartreuse est perçu comme stimulant et rafraîchissant, apportant une sensation de vivacité et de spontanéité. Il peut élever les humeurs et inspirer l'audace et la créativité, en faisant un excellent choix pour les espaces et les designs qui visent à dynamiser et encourager.

Utiliser le chartreuse dans le design d'interface capte l'attention de l'utilisateur et apporte une sensation fraîche et innovante—parfait pour les marques qui souhaitent se connecter à la créativité, la croissance et une mentalité verte.

La couleur chartreuse tire son nom de la liqueur française "Chartreuse", produite par les moines chartreux depuis les années 1740. Cette liqueur, connue pour sa teinte vert-jaune distinctive, a imprégné la couleur de mystère et d'exclusivité. Le terme a ensuite été utilisé plus largement pour décrire des nuances similaires de vert et de jaune, capturant l'esprit vibrant de la boisson.

À la fin du XIXe et au début du XXe siècle, le chartreuse est devenu populaire en raison de l'intérêt de l'époque pour les teintes vives et uniques. Le chartreuse représentait un style moderne et expérimental dans les contextes artistiques et décoratifs.

Variantes de couleur

Nuances

Teintes

Tons

Teintes

Harmonies de couleurs

Complémentaire

Complémentaire fractionnée

Monochrome

Analogue

Triadique

Tétradique

Palettes personnalisées

Cauldron Brew

Electropop

Tropical Mango

Vérificateur de contraste

Contraste 1,18

Texte en grand format

#CCFF00

Texte normal

Le mode de conception, d'alignement et de création compte. Utilisez Figma.

Il s'agit d'un texte #CCFF00 sur un arrière-plan #FFFFFF.
Catégorie
Non conforme
Non conforme
Non conforme
Non conforme
Non conforme
Non conforme

Contraste 17,87

Texte en grand format

#CCFF00

Texte normal

Le mode de conception, d'alignement et de création compte. Utilisez Figma.

Il s'agit d'un texte #CCFF00 sur un arrière-plan #000000.
Catégorie
Conforme
Conforme
Conforme
Conforme
Conforme
Conforme

Simulations de couleurs

Protanopie

Deutéranopie

Tritanopie

Achromatopsie

La couleur hexadécimale #ccff00, connue sous le nom de Chartreuse, a des valeurs RVB de R:204, G:255, B:0 et des valeurs CMJN de C:20, M:0, Y:100, K:0.

VALUECSS
HEX#ccff00#ccff00
RGB DECIMAL204, 255, 0RGB(204,255,0)
RGB PERCENTAGE80.0, 100.0, 0.0RGB(80.0%,100.0%,0.0%)
CMYK20, 0, 100, 0
HSLHSL(72.0, 100.0%, 50.0%)HSL(72.0, 100.0%, 50.0%)
HSV (OR HSB)72.0°, 100.0, 100.0
WEB SAFE#2042550#2042550
BINARY11001100, 11111111, 00000000
iOS - SwiftUIColor(red: 0.800, green: 1.000, blue: 0.000)
iOS - UIKitUIColor(red: 0.800, green: 1.000, blue: 0.000, alpha: 1)
Android - ComposeColor(0xFFCCFF00)