What are the three ways to write css colors?

The color writing method is: 1. Use the color name, the syntax "color: color name"; 2. Use the percentage, the syntax "color:rgb (percent, percentage, percentage)"; 3. Use the numerical value, the syntax " color:rgb(value,value,value)".

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

In CSS, color values ​​can use color names, percentages, numbers and hexadecimal values. There are four ways to write them.

1) Use color names

Although there are currently about 184 named colors, they are actually supported by various browsers, and there are only 16 color names recommended as CSS specifications Kind

It is not recommended to use color names in web pages, especially large-scale use, to avoid that some color names are not parsed by browsers, or different browsers interpret colors difference.

2) Use percentage

This is the most commonly used method, for example:

color: rgb(100%, 100%, 100%);

This statement sets the three primary colors of red, blue, and green to their maximum values , the resulting combination is shown in white. Instead, you can set rgb(0%, 0%, 0%) to black. If the three percentage values ​​are equal, gray will be displayed. Similarly, whichever percentage value is larger will favor which primary color.

3) Use numerical values

The number range is from 0~255, for example:

color: rgb(255, 255, 255);

The above statement will display white. On the contrary, it can be set to rgb(0, 0, 0), black will be displayed. If the three values ​​are equal, the display will be gray. In the same way, whichever value is larger will have a greater proportion of which primary color.

Extended information:

4) Hexadecimal color

This is the most commonly used color picking method, for example:

color: #ffffff;

Add a # color symbol in front of the hexadecimal number. The above statement will display white. On the contrary, you can set #000000 to black, described by RGB:

color: #RRGGBB;

from 0~255, in fact, 255 in decimal is exactly equal to FF in hexadecimal, a hexadecimal The base color value is equal to 3 groups of such hexadecimal values, which are equal to the three primary colors of red, blue, and green when connected in order.

Recommended learning: css video tutorial

The above is the detailed content of What are the three ways to write css colors?. For more information, please follow other related articles on the PHP Chinese website!