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

Detailed explanation of JavaScript upload file limit parameter case

Project scenario: 1. Upload file restrictions Fun...

Install Mininet from source code on Ubuntu 16.04

Mininet Mininet is a lightweight software defined...

Writing a shell script in Ubuntu to start automatically at boot (recommended)

The purpose of writing scripts is to avoid having...

Detailed explanation of the installation steps of the MySQL decompressed version

1. Go to the official website: D:\mysql-5.7.21-wi...

Sample code for implementing PC resolution adaptation in Vue

Table of contents plan Install Dependencies Intro...

A detailed introduction to the use of block comments in HTML

Common comments in HTML: <!--XXXXXXXX-->, wh...

Things to note when writing self-closing XHTML tags

The img tag in XHTML should be written like this:...

Why Nginx is better than Apache

Nginx has taken over the majority of the Web serv...

7 Ways to Write a Vue v-for Loop

Table of contents 1. Always use key in v-for loop...

12 Useful Array Tricks in JavaScript

Table of contents Array deduplication 1. from() s...