Community Learn Tools Library Leisure
search
English

HTML color

The color is a mixture of red, green and blue.

Color Values

Colors are defined by a hexadecimal notation consisting of red, green and blue values ​​( RGB).

The minimum value for each color is 0 (hex: #00). The maximum value is 255 (hex: #FF).

For some of the most commonly used colors (such as white, black, red, blue, green and yellow, etc.), you can also use their English names

This table gives the three The specific effect of mixing two colors:


# #0000FF rgb(0,0,255)
ColorColor Color HEXColor RGB

 #000000 rgb(0,0,0)

 #FF0000 rgb(255,0,0)

00FF00 rgb(0,255,0)


    #FFFF00    rgb(255,255,0)

    #00FFFF    rgb(0,255,255)

    #FF00FF    rgb(255,0,255)

    #C0C0C0    rgb(192,192,192)

    #FFFFFF    rgb(255,255,255)

Example

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p style="background-color:#403bff">
    通过十六进制设置背景颜色
</p>
<p style="background-color:rgb(255,255,0)">
    通过 rbg 值设置背景颜色
</p>
<p style="background-color:red">
    通过颜色名设置背景颜色
</p>
</body>
</html>

Program running result:

1.jpg

16 million different colors

The combination of three colors red, green and blue ranges from 0 to 255, a total of 16 million different colors (256 x 256 x 256).

In the color table below you will see different results, from 0 to 255 red (part), while setting the green and blue values ​​​​to 0, as the red value changes, different Values ​​are shown in different colors.


     Red Light     Color HEX     Color RGB

    #000000     rgb(0,0,0)

    #100000    rgb(16,0,0)

    #200000    rgb(32,0,0)

    #300000    rgb(48,0,0)

    #400000    rgb(64,0,0)

    #500000    rgb(80,0,0)

    #600000    rgb(96,0,0)

    #700000    rgb(112,0,0)

    #800000    rgb(128,0,0)

    #900000    rgb(144,0,0)

    #A00000    rgb(160,0,0)

    #B00000    rgb(176,0,0)

    #C00000    rgb(192,0,0)

    #D80000    rgb(216,0,0)

    #E80000    rgb(232,0,0)

    #F00000    rgb(240,0,0)

    #F80000    rgb(248,0,0)

    #FF0000    rgb(255,0,0)

Gray tones

The following shows a gray to black gradient (part)


     Gray Shades     Color HEX     Color RGB
        #000000     rgb(0,0,0) 

    #080808     rgb(8,8,8) 

    #181818     rgb(24,24,24) 

    #202020     rgb(32,32,32) 

    #303030     rgb(48,48,48) 

    #404040     rgb(64,64,64) 

    #484848     rgb(72,72,72) 

    #585858     rgb(88,88,88) 

    #686868     rgb(104,104,104) 

    #787878     rgb(120,120,120) 

    #808080     rgb(128,128,128) 

    #909090     rgb(144,144,144) 

    #A0A0A0     rgb(160,160,160) 

    #B0B0B0     rgb(176,176,176) 

    #C8C8C8     rgb(200,200,200) 

    #D8D8D8     rgb(216,216,216) 

    #F0F0F0     rgb(240,240,240) 

    #F8F8F8     rgb(248,248,248) 

    #FFFFFF    rgb(255,255,255) 

Web-safe colors?

A few years ago, when most computers supported only 256 colors, a series of 216 Web-safe colors Color is recommended as a Web standard. The reason for this is that Microsoft and Mac operating systems use 40 different reserved fixed system colors (approximately 20 each).

We're not sure how meaningful this is nowadays, as more and more computers are capable of processing millions of colors, but the choice is yours.

Initially, 216 cross-platform web-safe colors were used to ensure that all computers could display all colors correctly when using a 256-color palette.

8.jpg

##HTML color name and color value

Color by red Composed of (R), green (G), and blue (B).

141 color names are defined in the HTML and CSS color specifications (17 standard colors, plus 124 more).

Color values ​​are expressed in hexadecimal as red, green, and blue (RGB).

The lowest value of each color is 0 (00 in hex) and the highest value is 255 (FF in hex).

The hexadecimal value is written as a # followed by three or six hexadecimal characters.

Three-digit representation is: #RGB, converted to 6-digit representation: #RRGGBB.

Tips: 17 standard colors: black, blue, aqua, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, white, silver, Blue-green, yellow.

The following table lists the values ​​of some colors, including hexadecimal values.

## Black #000000 Navy #000080# DarkBlue ## MediumBlue #0000CD
Color name Hexadecimal color value Color


#00008B

    Blue     #0000FF
    DarkGreen     #006400
    Green     #008000
    Teal     #008080
    DarkCyan     #008B8B
    DeepSkyBlue     #00BFFF
    DarkTurquoise     #00CED1
    MediumSpringGreen     #00FA9A
    Lime     #00FF00
    SpringGreen     #00FF7F
    Aqua     #00FFFF
    Cyan     #00FFFF
    MidnightBlue     #191970
    DodgerBlue     #1E90FF
    LightSeaGreen     #20B2AA
    ForestGreen     #228B22
    SeaGreen     #2E8B57
    DarkSlateGray     #2F4F4F
    LimeGreen     #32CD32
    MediumSeaGreen    #3CB371
    Turquoise     #40E0D0
    RoyalBlue     #4169E1
    SteelBlue     #4682B4
    DarkSlateBlue     #483D8B
    MediumTurquoise     #48D1CC
    Indigo      #4B0082
    DarkOliveGreen     #556B2F
    CadetBlue     #5F9EA0
    CornflowerBlue     #6495ED
    MediumAquaMarine    #66CDAA
    DimGray     #696969
    SlateBlue     #6A5ACD
    OliveDrab     #6B8E23
    SlateGray    #708090
    LightSlateGray     #778899
MediumSlateBlue     #7B68EE
    LawnGreen     #7CFC00
    Chartreuse     #7FFF00
   Aquamarine     #7FFFD4
    Maroon     #800000


Continuing Learning
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p style="background-color:#403bff"> 通过十六进制设置背景颜色 </p> <p style="background-color:rgb(255,255,0)"> 通过 rbg 值设置背景颜色 </p> <p style="background-color:red"> 通过颜色名设置背景颜色 </p> </body> </html>
submitReset Code
Previous section Next Section
Tutorial List
get help
  • Course Recommendations
  • Courseware download
The courseware is not available for download at the moment. The staff is currently organizing it. Please pay more attention to this course in the future~

Students who have watched this course are also learning

The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)  492832 plays