recherche
Maisoninterface Webtutoriel CSSGraphiques et texte d'exemples d'application de correspondance des couleurs vertes sur des pages Web

Le vert est une couleur plus modérée entre le jaune et le bleu (chaud et froid), ce qui fait du vert le personnage le plus paisible, stable, généreux et tolérant. C'est une couleur douce, calme, contente, gracieuse et populaire. C’est également l’une des couleurs les plus utilisées sur les pages Web.

Le vert est étroitement lié aux êtres humains. C'est la couleur naturelle de la prospérité éternelle. Il représente la vie et l'espoir et est également plein de vitalité juvénile. Le vert symbolise la paix et la sécurité, le développement et la vitalité, le confort et la tranquillité. la relaxation et le repos peuvent soulager la fatigue oculaire.

Il a un certain sentiment lié à la nature et à la santé, il est donc souvent utilisé sur des sites liés à la nature et à la santé. Le vert est également souvent utilisé dans les sites de relations publiques ou éducatifs de certaines entreprises.

Le vert peut rendre notre humeur particulièrement lumineuse. Le jaune-vert représente la fraîcheur, le calme, la facilité, la paix, la douceur, le printemps, la jeunesse et des sentiments psychologiques améliorés.

Ci-dessous, nous ferons différents exemples et analyses basés sur des combinaisons de couleurs telles que des couleurs adjacentes avec différents attributs du système vert, une haute pureté et une faible pureté de la même couleur, des couleurs contrastées, etc.

Graphiques et texte d'exemples d'application de correspondance des couleurs vertes sur des pages Web

Analyse de la couleur verte :

Cela se voit à partir des valeurs​​de la couleur principale et de la couleur auxiliaire HSB mode dans la figure ci-dessus que ces deux couleurs moyennes ne diffèrent que par la luminosité et que leur teinte et leur saturation affichées sont les mêmes. Le vrai vert est de 120 degrés. En termes de valeurs RVB, ces deux couleurs sont mélangées à d'autres couleurs à des degrés divers, elles sont donc légèrement différentes du vrai vert. En raison des caractéristiques du vert lui-même, l’ensemble de la page Web semble très stable et confortable.

La couleur auxiliaire ne fait que réduire la luminosité, donnant à la page une impression de superposition et d'espace.

La surface blanche fait ressortir le meilleur des caractéristiques vertes et améliore le rythme visuel.

La touche finale de couleur reflète parfaitement la merveilleuse touche de « la touche finale », qui est extrêmement tentante. La page entière devient soudainement vive et rafraîchissante, renforçant la puissance expressive du thème de la page.

Conclusion :

Les couleurs principales et auxiliaires appartiennent au même système de couleurs vertes. Grâce au changement de luminosité différente, le changement peut être plus progressif et plus doux, mais. aussi plus évident. La superposition de couleurs de la page vient. S'il n'est pas analysé et jugé à l'aide de valeurs numériques, certains amis peuvent juger sur la base de l'expérience, et il est facile de croire à tort que la pureté des deux couleurs peut être différente, à l'exception de la luminosité. À ce stade, il est facile de l'obtenir. la conclusion correcte en utilisant le mode numérique de manière appropriée.

La page entière a très peu de couleurs : vert émeraude pour le plus grand bloc de couleur, blanc pour la deuxième zone et vert foncé pour la troisième zone, mais l'effet obtenu est fort et remarquable, atteignant l'objectif de pleinement affichant le thème du produit.

Le vert foncé donne aux gens un sentiment psychologique de richesse, de santé, de maturité, de stabilité, de vie et d'ouverture.

Graphiques et texte d'exemples d'application de correspondance des couleurs vertes sur des pages Web

Analyse de la couleur verte : (Correspondance des couleurs de haute pureté : vert + combinaison de couleurs contrastées)

La valeur HSB H montre que 60 degrés est jaune positif, les couleurs principales et auxiliaires ne sont que légèrement inclinées vers le vert – H est de 75 degrés. Une grande zone de jaune-vert avec une luminosité légèrement inférieure est la couleur principale, mais la saturation est très élevée, atteignant 100 %. Les couleurs auxiliaires utilisent du vert tendre et du blanc pour augmenter la luminosité. Ces deux couleurs auxiliaires augmentent non seulement la luminosité. superposition de la page, mais également cela peut donner à la page entière une palette de couleurs translucides et améliorer les caractéristiques vertes. Le fond marron foncé fait sans aucun doute briller toutes les couleurs unies du premier plan sur la scène.

Cette page comporte deux jeux de petites couleurs contrastées, l'un est jaune-vert et orange-rouge, et l'autre est jaune-orange et bleu ciel À proprement parler, ces deux jeux de couleurs ne sont pas des couleurs contrastées, car les couleurs sont quelque peu différentes. Bien que leur saturation soit réduite, ils suffisent à constituer les tons les plus forts de cette page, rendant la page entière très active et vivante.

Conclusion :

Les couleurs principales et auxiliaires du jaune et du vert ne sont pas éblouissantes lorsqu'elles sont utilisées sur de grandes surfaces, mais donnent à la page un aspect très énergique et énergique.

Lorsque vous utilisez de manière appropriée des combinaisons de couleurs contrastées de pureté différente, qui ne sont pas strictement contrastées, la fonction principale joue généralement une relation primaire et secondaire claire. Bien que les caractéristiques de contraste des couleurs contrastées non « standard » soient affaiblies et que les couleurs de la page semblent faciles à coordonner et douces, elles peuvent néanmoins mettre en valeur le thème. → Exemple de page Web de couleur vert clair similaire :

Graphiques et texte d'exemples d'application de correspondance des couleurs vertes sur des pages Web

Analyse du système vert : (Même couleur vert clair)

L'attribut principal de la couleur verte est le vert clair avec une luminosité élevée. Comme mentionné précédemment, la saturation diminue généralement lorsque la luminosité est élevée, et la couleur de la page diminue lorsque la saturation est faible, à moins que la couleur elle-même n'ait la sienne. caractéristiques et une grande surface La couleur auxiliaire est le blanc et la page entière semble très légère, douce, tranquille et même chaleureuse.

La page utilise un dégradé de vert clair, rendant l'ensemble de la page visuellement plus douce et plus confortable.

액센트 컬러는 메인 로고에만 표시되고 버튼에도 약간 표시되지만 전체 페이지 색상에 하이라이트를 더해줍니다. 특히, Red HSB 모드의 H 값은 색상이 True Red에 가깝고 채도가 가장 높은 값에 도달함을 나타냅니다. 또 다른 눈에 띄는 색상은 노란색으로 페이지에 녹색과 빨간색의 대비되는 색상으로 시각적으로 나타나며 시력을 편안하게 해주는 역할을 합니다. 색상환에서 노란색은 녹색과 빨간색 사이의 전환 색상이기 때문입니다.

결론:

연한 녹색은 우아함, 휴식, 안정감, 조화, 평온함, 부드러움의 느낌을 줍니다.

그라디언트 효과를 사용하면 이런 느낌이 더욱 깊어질 수 있습니다. 그러나 페이지 색상 구성에 밝은 색상이 너무 많으면 전체 페이지가 쉽게 "회색"으로 표시됩니다. 이를 위해서는 왼쪽 하단 모서리에 있는 보조 색상 녹색 블록과 같이 약간 더 높은 순도의 색상을 적절하게 추가해야 합니다. 적절한 밝은 액센트가 이 문제를 해결하는 데 매우 좋습니다.

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Comment nous avons tagué Google Fonts et créé des goofont.comComment nous avons tagué Google Fonts et créé des goofont.comApr 12, 2025 pm 12:02 PM

Goofonts est un projet parallèle signé par un développeur-femme et un concepteur-mari, tous deux de grands fans de typographie. Nous avons marqué Google

Articles de développement Web intemporelsArticles de développement Web intemporelsApr 12, 2025 am 11:44 AM

Pavithra Kodmad a demandé aux gens des recommandations sur ce qu'ils pensaient être certains des articles les plus intemporels sur le développement Web qui ont changé

L'accord avec l'élément de sectionL'accord avec l'élément de sectionApr 12, 2025 am 11:39 AM

Deux articles ont publié exactement le même jour:

Pratiquez des requêtes GraphQL avec l'API de l'état de JavaScriptPratiquez des requêtes GraphQL avec l'API de l'état de JavaScriptApr 12, 2025 am 11:33 AM

Apprendre à créer des API GraphQL peut être assez difficile. Mais vous pouvez apprendre à utiliser les API GraphQL en 10 minutes! Et il se trouve que je suis parfait

CMSS au niveau des composantsCMSS au niveau des composantsApr 12, 2025 am 11:09 AM

Lorsqu'un composant vit dans un environnement où les données interrogent les données qui vivent à proximité, il y a une ligne assez directe entre le composant visuel et le

Définissez le type sur un cercle ... avec chemin de décalageDéfinissez le type sur un cercle ... avec chemin de décalageApr 12, 2025 am 11:00 AM

Ici, une rotation CSS légitime de Yuanchuan. Il y a ce chemin de décalage de la propriété CSS. Il était une fois, il s'appelait le chemin de mouvement, puis il a été renommé. je

What does "revert" do in CSS?What does "revert" do in CSS?Apr 12, 2025 am 10:59 AM

Miriam Suzanne explique dans une vidéo de développeur de Mozilla sur le sujet.

Les amoureux modernesLes amoureux modernesApr 12, 2025 am 10:58 AM

J'adore les trucs comme ça.

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

MinGW - GNU minimaliste pour Windows

MinGW - GNU minimaliste pour Windows

Ce projet est en cours de migration vers osdn.net/projects/mingw, vous pouvez continuer à nous suivre là-bas. MinGW : un port Windows natif de GNU Compiler Collection (GCC), des bibliothèques d'importation et des fichiers d'en-tête librement distribuables pour la création d'applications Windows natives ; inclut des extensions du runtime MSVC pour prendre en charge la fonctionnalité C99. Tous les logiciels MinGW peuvent fonctionner sur les plates-formes Windows 64 bits.

Adaptateur de serveur SAP NetWeaver pour Eclipse

Adaptateur de serveur SAP NetWeaver pour Eclipse

Intégrez Eclipse au serveur d'applications SAP NetWeaver.

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

Dreamweaver Mac

Dreamweaver Mac

Outils de développement Web visuel

SublimeText3 Linux nouvelle version

SublimeText3 Linux nouvelle version

Dernière version de SublimeText3 Linux