Classification of web page color properties

Classification of web page color properties

Classification of color properties

Any color can be composed of the three primary colors - red, green and blue. Among the three primary colors, only red is a warm color, so to judge the warmth or coolness of the color of a work, you can determine it based on the amount of red. Hue is mainly composed of lightness and chroma, and is used to express the state of color.

■ Warm colors

Warm colors include red-purple, red, red-orange, orange, and yellow-orange. These colors give people a strong sense of impact, have the effect of expanding and approaching vision, and give people a warm feeling.
Operation effect
Operation effect

Operation effect
Operation effect

Operation effect
Operation effect

■ Cool colors

The relationship between cold and warm is obtained through comparison. Hues with weaker brightness and saturation, such as cyan, cyan-green, blue, blue-purple and other colors centered on cyan and their close colors, will give people the impression of contraction, alienation and coldness. Cool colors remind people of blue sky, green water and other scenes, creating a deep and serious feeling.

Operation effect
Operation effect

Operation effect
Operation effect

■ Neutral tones

Readers may find that purple, yellow, green and other colors do not appear in warm and cool tones. This is because these colors are neither cool nor warm. They are called neutral colors because the proportion of cool and warm they contain is uncertain.

Operation effect
Operation effect

Operation effect
Operation effect

Operation effect
Operation effect

<<:  What can I use to save you, my table (Haiyu Blog)

>>:  Detailed explanation of Nginx+Tomcat load balancing cluster installation and configuration case

Recommend

How to use CSS attribute value regular matching selector (tips)

There are three types of attribute value regular ...

Detailed Introduction to the MySQL Keyword Distinct

Introduction to the usage of MySQL keyword Distin...

Three steps to solve the IE address bar ICON display problem

<br />This web page production skills tutori...

How to use CURRENT_TIMESTAMP in MySQL

Table of contents Use of CURRENT_TIMESTAMP timest...

Detailed explanation of how Nginx works

How Nginx works Nginx consists of a core and modu...

Detailed tutorial on installing Docker and docker-compose suite on Windows

Table of contents Introduction Download and insta...

Basic usage of exists, in and any in MySQL

【1】exists Use a loop to query the external table ...

Summary of nginx configuration location method

location matching order 1. "=" prefix i...

Detailed Linux installation tutorial

(Win7 system) VMware virtual machine installation...

Summary of methods to include file contents in HTML files

In the forum, netizens often ask, can I read the ...

Docker implements cross-host container communication based on macvlan

Find two test machines: [root@docker1 centos_zabb...

Analysis and solution of data loss during Vue component value transfer

Preface In the previous article Two data types in...

HTML unordered list bullet points using images CSS writing

Create an HTML page with an unordered list of at l...