HTML thorough analysis (15) Tinting principle

Source: Internet
Author: User
Tags define color representation

Color principle

The color representation of HTML can be divided into two types:

  • Define commonly used colors, such as RED, in a named way.
  • Expressed as an RGB value, such as the #FF0000 for Red.

Naming methods include a small number of colors and is not very convenient, so less use, the following describes the principle of RGB values:

It is well known that colors are composed of "Red" "Green" "Blue" Three primary colors, the definition of color in HTML is in hexadecimal, for three primary colors of HTML is given two 16 carry to define, That is, each primary color has 256 kinds of color, so the three primary colors can be mixed into Bastovin color.

For example

The composition of the White is Red=ff, Green=ff, BLUE=FF, RGB value is FFFFFF
The red composition is Red=ff, green=00, blue=00, RGB value is ff0000
The green composition is red=00, Green=ff, blue=00, RGB value is 00ff00
The blue composition is red=00, green=00, BLUE=FF, RGB value is 0000ff
The composition of Black is red=00, green=00, blue=00, RGB value is 000000

When applied, the RGB value is usually preceded by a symbol # to show the difference, but not plus.

HTML basic schema
a different Color button to test the effect of the foreground color             use different color buttons to test background color             or enter an RGB color value or name    
Common color Table
Color Value Name Color Value Name
#00FFFF Aqua #808080 Gray
#000080 Navy #C0C0C0 Silver
#000000 Black #008000 Green
#808000 Olive #008080 Teal
#0000FF Blue #00FF00 Lime
#800080 Purple #FFFF00 Yellow
#FF00FF Fuchsia #800000 Maroon
#FF0000 Red #FFFFFF White
Other common colors
Color Value Name Color Value Name
#F0F8FF AliceBlue #A00000 Antiquewith
#7FFFD4 Aquamarine #F0FFFF Azure
#F5F5DC Beige #FFE4C4 Bisque
#000000 Black #FFEBCD Blanchedalmond
#0000FF Blue #8A2BE2 Blueviolet
#A52A2A Brown #DEB887 Burlywood
#5F9EA0 Cadetblue #7FFF00 Chartreuse
#D2691E Chocolate #FF7F50 Coral
#C0F000 Cornfloewrblue #FFF8DC Cornsilk
#00FFFF Cyan #00008B Darkblue
#008B8B Darkcyan #B8860B Darkgoldenrod
#A9A9A9 Darkgray #006400 Darkgreen
#DA0000 Darkhaki #8B008B Darkmagenta
#556B2F Darkolivegreen #DA000E Darkorenge
#9932CC DarkOrchid #8B0000 Darkred
#E9967A DarkSalmon #8FBC8F Darkseagreen
#483D8B Darkslateblue #2F4F4F Darkslategray
#00CED1 Darkturquoise #9400D3 Darkviolet
#FF1493 Deeppink #00BFFF Deepskyblue
#696969 Dimgray #1E90FF DodgerBlue
#B22222 Firebrick #FFFAF0 Floralwhite
#228B22 Forestgreen #DCDCDC Gainsboro
#00000E Gostwhite #FFD700 Gold
#00E00D Golenrod #808080 Gray
#008000 Green #ADFF2F Greenyellow
#F0FFF0 Honeydew #FF69B4 Hotpink
#CD5C5C Indianred #FFFFF0 Ivory
#F0E68C Khaki #E6E6FA Lavender
#FFF0F5 Lavenderblush #7CFC00 Lawngreen
#FFFACD LemonChiffon #ADD8E6 LightBlue
#F08080 Lightcoral #E0FFFF Lightcyan
#0000E0 Lightgodenrod #0000E0 Lightgodenrodyellow
#0000A0 Lightgray #90EE90 LightGreen
#FFB6C1 Lightpink #FFA07A Lightsalmon
#20B2AA Lightseagreen #87CEFA Lightskyblue
#0000EB Lightslateblue #778899 Lightslategray
#B0C4DE Lightsteelblue #FFFFE0 Lightyellow
#32CD32 Limegreen #FAF0E6 Linen
#FF00FF Magenta #800000 Maroon
#66CDAA Mediumaquamarine #0000CD MediumBlue
#BA55D3 Mediumorchid #ED0000 Mediumpurpul
#3CB371 Mediumseagreen #7B68EE Mediumslateblue
#00FA9A Mediumspringgreen #48D1CC Mediumturquoise
#C71585 Mediumvioletred #191970 Midnightblue
#F5FFFA Mintcream #FFE4E1 Mistyrose
#FFE4B5 Moccasin #FFDEAD Navajowhite
#000080 Navy #A0B0E0 Navyblue
#FDF5E6 Oldlace #6B8E23 Olivedrab
#FFA500 Orange #0E0EED Orengered
#DA70D6 Orchid #A00D00 Palegodenrod
#98FB98 Palegreen #AFEEEE Paleturquoise
#DB7093 Palevioletred #FFEFD5 Papayawhip
#FFDAB9 Peachpuff #CD853F Peru
#FFC0CB Pink #DDA0DD Plum
#B0E0E6 Powderblue #800080 Purple
#FF0000 Red #BC8F8F Rosybrown
#4169E1 Royalblue #8B4513 SaddleBrown
#FA8072 Salmon #F4A460 Sandybrown
#2E8B57 Seagreen #FFF5EE Seashell
#A0522D Sienna #87CEEB Skyblue
#6A5ACD Slateblue #708090 Slategray
#FFFAFA Snow #00FF7F Springgreen
#4682B4 Steelblue #D2B48C Tan
#D8BFD8 Thistle #FF6347 Tomato
#40E0D0 Turquoise #EE82EE Violet
#00E0ED Violetred #F5DEB3 Wheat
#000E00 Hite #F5F5F5 WhiteSmoke
#FFFF00 Yellow #9ACD32 Yellowgreen






Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.