Maison > interface Web > tutoriel CSS > le corps du texte

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

PHP中文网
Libérer: 2018-09-27 15:00:22
original
2973 Les gens l'ont consulté

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에 가깝고 채도가 가장 높은 값에 도달함을 나타냅니다. 또 다른 눈에 띄는 색상은 노란색으로 페이지에 녹색과 빨간색의 대비되는 색상으로 시각적으로 나타나며 시력을 편안하게 해주는 역할을 합니다. 색상환에서 노란색은 녹색과 빨간색 사이의 전환 색상이기 때문입니다.

결론:

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

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!