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

Summary of Button's four Click response methods

Button is used quite a lot. Here I have sorted ou...

Implementation of FIFO in Linux process communication

FIFO communication (first in first out) FIFO name...

Detailed introduction to nobody user and nologin in Unix/Linux system

What is the nobody user in Unix/Linux systems? 1....

N ways to cleverly implement adaptive dividers with CSS

Dividing lines are a common type of design on web...

MySQL 8.0.11 Installation Guide for Mac

MAC installs mysql8.0, the specific contents are ...

How to handle the tcp_mark_head_lost error reported by the Linux system

Problem Description Recently, a host reported the...

Docker builds jenkins+maven code building and deployment platform

Table of contents Docker Basic Concepts Docker in...

A brief introduction to React

Table of contents 1. CDN introduction 1.1 react (...

Vue-pdf implements online preview of PDF files

Preface In most projects, you will encounter onli...

Detailed explanation of the life cycle of Angular components (Part 2)

Table of contents 1. View hook 1. Things to note ...

Use overflow: hidden to disable page scrollbars

Copy code The code is as follows: html { overflow...

The whole process record of vue3 recursive component encapsulation

Table of contents Preface 1. Recursive components...

echars 3D map solution for custom colors of regions

Table of contents question extend Solving the pro...