Главная » Языки программирования

Color supported by html

На чтение 8 мин
Содержание
  1. HTML Colors
  2. Color Names
  3. Background Color
  4. Example
  5. Hello World Lorem ipsum. Text Color You can set the color of text: Hello World Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Example Hello World Lorem ipsum. Ut wisi enim. Border Color You can set the color of borders: Hello World Hello World Hello World Example Hello World Hello World Hello World Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three elements have their background color set with RGB, HEX, and HSL values: The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency): Источник Colors Tutorial Colors are displayed combining RED, GREEN, and BLUE light. Color Names With CSS, colors can be set by using color names: Example CSS Color Values With CSS, colors can be specified in different ways: By color names As RGB values As hexadecimal values As HSL values (CSS3) As HWB values (CSS4) With the currentcolor keyword RGB Colors RGB color values are supported in all browsers. An RGB color value is specified with: rgb( RED , GREEN , BLUE ). Each parameter defines the intensity of the color as an integer between 0 and 255. For example, rgb(0,0,255) is rendered as blue, because the blue parameter is set to its highest value (255) and the others are set to 0. Example Shades of gray are often defined using equal values for all the 3 light sources: Example Hexadecimal Colors Hexadecimal color values are also supported in all browsers. A hexadecimal color is specified with: # RR GG BB . RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the color. For example, #0000FF is displayed as blue, because the blue component is set to its highest value (FF) and the others are set to 00. Example Shades of gray are often defined using equal values for all the 3 light sources: Example Upper Case or Lower Case? You can use upper case or lower case letters to specify hexadecimal values. Lower case are easier to write. Upper case are easier to read. Color Names CSS supports 140 standard color names. In the next chapter you will find a complete alphabetical list of color names with hexadecimal values: Color Name Hex Color AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 The currentcolor Keyword The currentcolor keyword refers to the value of the color property of an element. Example The border color of the following element will be blue, because the text color of the element is blue: Источник 140 HTML Colour Names Supported by All Browsers This useful reference table for HTML colour names also shows the hexadecimal value and a visual example of the colour. The 140 HTML colour names are supported by all browers. Use the Colour Picker and Colour Mixer links to experiment with different combinations of colour. If you are anything like me, you’ll probably be printing this out already. I love having a reference to look at that’s not just another tab in the browser. Web Colours Colours are displayed by combining red, green, and blue light. They can be specified by colour name, RGB value, hexadecimal value, HSL (hue, saturation, lightness) value, RGBA (red, green, blue, alpha) value and HSLA (hue, saturation, lightness, alpha) value. RGB For example, rgb(0,0,255) = blue Each parameter (red, green, and blue) defines the intensity of the color as an integer between 0 and 255. Hexadecimal For example, #0000FF = blue RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the colour. HSL Value For example, hsl(147, 50%, 47%) Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue. Saturation is a percentage value, 0% means a shade of gray, and 100% is the full color. Lightness is also a percentage, 0% is black, 50% is neither light or dark, 100% is white. RGBA Value For example, rgba(255, 99, 71, 0.4) An extension of the RGB color values with an alpha channel, specifying the opacity. Alpha parameter between 0.0 (fully transparent) and 1.0 (not transparent at all). HSLA Value For example, hsla(9, 100%, 64%, 0.4) HSLA color values are an extension of HSL color values with an alpha channel – which specifies the opacity for a color. Colour Picker >> W3Schools HTML Colour picker Colour Mixer >> W3Schools HTML Colour Mixer Create Your Own Colour Wheel >> Adobe Kuler HTML Colour Names Supported by All Browsers All modern browsers support the following 140 color names. Color Name HEX Color AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 Black #000000 BlanchedAlmond #FFEBCD Blue #0000FF BlueViolet #8A2BE2 Brown #A52A2A BurlyWood #DEB887 CadetBlue #5F9EA0 Chartreuse #7FFF00 Chocolate #D2691E Coral #FF7F50 CornflowerBlue #6495ED Cornsilk #FFF8DC Crimson #DC143C Cyan #00FFFF DarkBlue #00008B DarkCyan #008B8B DarkGoldenRod #B8860B DarkGray #A9A9A9 DarkGrey #A9A9A9 DarkGreen #006400 DarkKhaki #BDB76B DarkMagenta #8B008B DarkOliveGreen #556B2F DarkOrange #FF8C00 DarkOrchid #9932CC DarkRed #8B0000 DarkSalmon #E9967A DarkSeaGreen #8FBC8F DarkSlateBlue #483D8B DarkSlateGray #2F4F4F DarkSlateGrey #2F4F4F DarkTurquoise #00CED1 DarkViolet #9400D3 DeepPink #FF1493 DeepSkyBlue #00BFFF DimGray #696969 DimGrey #696969 DodgerBlue #1E90FF FireBrick #B22222 FloralWhite #FFFAF0 ForestGreen #228B22 Fuchsia #FF00FF Gainsboro #DCDCDC GhostWhite #F8F8FF Gold #FFD700 GoldenRod #DAA520 Gray #808080 Grey #808080 Green #008000 GreenYellow #ADFF2F HoneyDew #F0FFF0 HotPink #FF69B4 IndianRed #CD5C5C Indigo #4B0082 Ivory #FFFFF0 Khaki #F0E68C Lavender #E6E6FA LavenderBlush #FFF0F5 LawnGreen #7CFC00 LemonChiffon #FFFACD LightBlue #ADD8E6 LightCoral #F08080 LightCyan #E0FFFF LightGoldenRodYellow #FAFAD2 LightGray #D3D3D3 LightGrey #D3D3D3 LightGreen #90EE90 LightPink #FFB6C1 LightSalmon #FFA07A LightSeaGreen #20B2AA LightSkyBlue #87CEFA LightSlateGray #778899 LightSlateGrey #778899 LightSteelBlue #B0C4DE LightYellow #FFFFE0 Lime #00FF00 LimeGreen #32CD32 Linen #FAF0E6 Magenta #FF00FF Maroon #800000 MediumAquaMarine #66CDAA MediumBlue #0000CD MediumOrchid #BA55D3 MediumPurple #9370DB MediumSeaGreen #3CB371 MediumSlateBlue #7B68EE MediumSpringGreen #00FA9A MediumTurquoise #48D1CC MediumVioletRed #C71585 MidnightBlue #191970 MintCream #F5FFFA MistyRose #FFE4E1 Moccasin #FFE4B5 NavajoWhite #FFDEAD Navy #000080 OldLace #FDF5E6 Olive #808000 OliveDrab #6B8E23 Orange #FFA500 OrangeRed #FF4500 Orchid #DA70D6 PaleGoldenRod #EEE8AA PaleGreen #98FB98 PaleTurquoise #AFEEEE PaleVioletRed #DB7093 PapayaWhip #FFEFD5 PeachPuff #FFDAB9 Peru #CD853F Pink #FFC0CB Plum #DDA0DD PowderBlue #B0E0E6 Purple #800080 RebeccaPurple #663399 Red #FF0000 RosyBrown #BC8F8F RoyalBlue #4169E1 SaddleBrown #8B4513 Salmon #FA8072 SandyBrown #F4A460 SeaGreen #2E8B57 SeaShell #FFF5EE Sienna #A0522D Silver #C0C0C0 SkyBlue #87CEEB SlateBlue #6A5ACD SlateGray #708090 SlateGrey #708090 Snow #FFFAFA SpringGreen #00FF7F SteelBlue #4682B4 Tan #D2B48C Teal #008080 Thistle #D8BFD8 Tomato #FF6347 Turquoise #40E0D0 Violet #EE82EE Wheat #F5DEB3 White #FFFFFF WhiteSmoke #F5F5F5 Yellow #FFFF00 YellowGreen #9ACD32 Shades of Grey Grey colors are displayed using an equal amount of power to all of the light sources. Grey Shades HEX RGB #000000 rgb(0,0,0) #080808 rgb(8,8,8) #101010 rgb(16,16,16) #181818 rgb(24,24,24) #202020 rgb(32,32,32) #282828 rgb(40,40,40) #303030 rgb(48,48,48) #383838 rgb(56,56,56) #404040 rgb(64,64,64) #484848 rgb(72,72,72) #505050 rgb(80,80,80) #585858 rgb(88,88,88) #606060 rgb(96,96,96) #686868 rgb(104,104,104) #696969 rgb(105,105,105) #707070 rgb(112,112,112) #787878 rgb(120,120,120) HTML Gray #808080 rgb(128,128,128) #888888 rgb(136,136,136) #909090 rgb(144,144,144) #989898 rgb(152,152,152) #A0A0A0 rgb(160,160,160) #A8A8A8 rgb(168,168,168) HTML DarkGray . #A9A9A9 rgb(169,169,169) #B0B0B0 rgb(176,176,176) #B8B8B8 rgb(184,184,184) X11 Gray #BEBEBE rgb(190,190,190) HTML Silver #C0C0C0 rgb(192,192,192) #C8C8C8 rgb(200,200,200) #D0D0D0 rgb(208,208,208) HTML LightGray #D3D3D3 rgb(211,211,211) #D8D8D8 rgb(216,216,216) HTML Gainsboro #DCDCDC rgb(220,220,220) #E0E0E0 rgb(224,224,224) #E8E8E8 rgb(232,232,232) #F0F0F0 rgb(240,240,240) HTML WhiteSmoke #F5F5F5 rgb(245,245,245) #F8F8F8 rgb(248,248,248) HTML White #FFFFFF rgb(255,255,255) Источник
  6. Text Color
  7. Hello World
  8. Example
  9. Hello World Lorem ipsum. Ut wisi enim. Border Color You can set the color of borders: Hello World Hello World Hello World Example Hello World Hello World Hello World Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three elements have their background color set with RGB, HEX, and HSL values: The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency): Источник Colors Tutorial Colors are displayed combining RED, GREEN, and BLUE light. Color Names With CSS, colors can be set by using color names: Example CSS Color Values With CSS, colors can be specified in different ways: By color names As RGB values As hexadecimal values As HSL values (CSS3) As HWB values (CSS4) With the currentcolor keyword RGB Colors RGB color values are supported in all browsers. An RGB color value is specified with: rgb( RED , GREEN , BLUE ). Each parameter defines the intensity of the color as an integer between 0 and 255. For example, rgb(0,0,255) is rendered as blue, because the blue parameter is set to its highest value (255) and the others are set to 0. Example Shades of gray are often defined using equal values for all the 3 light sources: Example Hexadecimal Colors Hexadecimal color values are also supported in all browsers. A hexadecimal color is specified with: # RR GG BB . RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the color. For example, #0000FF is displayed as blue, because the blue component is set to its highest value (FF) and the others are set to 00. Example Shades of gray are often defined using equal values for all the 3 light sources: Example Upper Case or Lower Case? You can use upper case or lower case letters to specify hexadecimal values. Lower case are easier to write. Upper case are easier to read. Color Names CSS supports 140 standard color names. In the next chapter you will find a complete alphabetical list of color names with hexadecimal values: Color Name Hex Color AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 The currentcolor Keyword The currentcolor keyword refers to the value of the color property of an element. Example The border color of the following element will be blue, because the text color of the element is blue: Источник 140 HTML Colour Names Supported by All Browsers This useful reference table for HTML colour names also shows the hexadecimal value and a visual example of the colour. The 140 HTML colour names are supported by all browers. Use the Colour Picker and Colour Mixer links to experiment with different combinations of colour. If you are anything like me, you’ll probably be printing this out already. I love having a reference to look at that’s not just another tab in the browser. Web Colours Colours are displayed by combining red, green, and blue light. They can be specified by colour name, RGB value, hexadecimal value, HSL (hue, saturation, lightness) value, RGBA (red, green, blue, alpha) value and HSLA (hue, saturation, lightness, alpha) value. RGB For example, rgb(0,0,255) = blue Each parameter (red, green, and blue) defines the intensity of the color as an integer between 0 and 255. Hexadecimal For example, #0000FF = blue RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the colour. HSL Value For example, hsl(147, 50%, 47%) Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue. Saturation is a percentage value, 0% means a shade of gray, and 100% is the full color. Lightness is also a percentage, 0% is black, 50% is neither light or dark, 100% is white. RGBA Value For example, rgba(255, 99, 71, 0.4) An extension of the RGB color values with an alpha channel, specifying the opacity. Alpha parameter between 0.0 (fully transparent) and 1.0 (not transparent at all). HSLA Value For example, hsla(9, 100%, 64%, 0.4) HSLA color values are an extension of HSL color values with an alpha channel – which specifies the opacity for a color. Colour Picker >> W3Schools HTML Colour picker Colour Mixer >> W3Schools HTML Colour Mixer Create Your Own Colour Wheel >> Adobe Kuler HTML Colour Names Supported by All Browsers All modern browsers support the following 140 color names. Color Name HEX Color AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 Black #000000 BlanchedAlmond #FFEBCD Blue #0000FF BlueViolet #8A2BE2 Brown #A52A2A BurlyWood #DEB887 CadetBlue #5F9EA0 Chartreuse #7FFF00 Chocolate #D2691E Coral #FF7F50 CornflowerBlue #6495ED Cornsilk #FFF8DC Crimson #DC143C Cyan #00FFFF DarkBlue #00008B DarkCyan #008B8B DarkGoldenRod #B8860B DarkGray #A9A9A9 DarkGrey #A9A9A9 DarkGreen #006400 DarkKhaki #BDB76B DarkMagenta #8B008B DarkOliveGreen #556B2F DarkOrange #FF8C00 DarkOrchid #9932CC DarkRed #8B0000 DarkSalmon #E9967A DarkSeaGreen #8FBC8F DarkSlateBlue #483D8B DarkSlateGray #2F4F4F DarkSlateGrey #2F4F4F DarkTurquoise #00CED1 DarkViolet #9400D3 DeepPink #FF1493 DeepSkyBlue #00BFFF DimGray #696969 DimGrey #696969 DodgerBlue #1E90FF FireBrick #B22222 FloralWhite #FFFAF0 ForestGreen #228B22 Fuchsia #FF00FF Gainsboro #DCDCDC GhostWhite #F8F8FF Gold #FFD700 GoldenRod #DAA520 Gray #808080 Grey #808080 Green #008000 GreenYellow #ADFF2F HoneyDew #F0FFF0 HotPink #FF69B4 IndianRed #CD5C5C Indigo #4B0082 Ivory #FFFFF0 Khaki #F0E68C Lavender #E6E6FA LavenderBlush #FFF0F5 LawnGreen #7CFC00 LemonChiffon #FFFACD LightBlue #ADD8E6 LightCoral #F08080 LightCyan #E0FFFF LightGoldenRodYellow #FAFAD2 LightGray #D3D3D3 LightGrey #D3D3D3 LightGreen #90EE90 LightPink #FFB6C1 LightSalmon #FFA07A LightSeaGreen #20B2AA LightSkyBlue #87CEFA LightSlateGray #778899 LightSlateGrey #778899 LightSteelBlue #B0C4DE LightYellow #FFFFE0 Lime #00FF00 LimeGreen #32CD32 Linen #FAF0E6 Magenta #FF00FF Maroon #800000 MediumAquaMarine #66CDAA MediumBlue #0000CD MediumOrchid #BA55D3 MediumPurple #9370DB MediumSeaGreen #3CB371 MediumSlateBlue #7B68EE MediumSpringGreen #00FA9A MediumTurquoise #48D1CC MediumVioletRed #C71585 MidnightBlue #191970 MintCream #F5FFFA MistyRose #FFE4E1 Moccasin #FFE4B5 NavajoWhite #FFDEAD Navy #000080 OldLace #FDF5E6 Olive #808000 OliveDrab #6B8E23 Orange #FFA500 OrangeRed #FF4500 Orchid #DA70D6 PaleGoldenRod #EEE8AA PaleGreen #98FB98 PaleTurquoise #AFEEEE PaleVioletRed #DB7093 PapayaWhip #FFEFD5 PeachPuff #FFDAB9 Peru #CD853F Pink #FFC0CB Plum #DDA0DD PowderBlue #B0E0E6 Purple #800080 RebeccaPurple #663399 Red #FF0000 RosyBrown #BC8F8F RoyalBlue #4169E1 SaddleBrown #8B4513 Salmon #FA8072 SandyBrown #F4A460 SeaGreen #2E8B57 SeaShell #FFF5EE Sienna #A0522D Silver #C0C0C0 SkyBlue #87CEEB SlateBlue #6A5ACD SlateGray #708090 SlateGrey #708090 Snow #FFFAFA SpringGreen #00FF7F SteelBlue #4682B4 Tan #D2B48C Teal #008080 Thistle #D8BFD8 Tomato #FF6347 Turquoise #40E0D0 Violet #EE82EE Wheat #F5DEB3 White #FFFFFF WhiteSmoke #F5F5F5 Yellow #FFFF00 YellowGreen #9ACD32 Shades of Grey Grey colors are displayed using an equal amount of power to all of the light sources. Grey Shades HEX RGB #000000 rgb(0,0,0) #080808 rgb(8,8,8) #101010 rgb(16,16,16) #181818 rgb(24,24,24) #202020 rgb(32,32,32) #282828 rgb(40,40,40) #303030 rgb(48,48,48) #383838 rgb(56,56,56) #404040 rgb(64,64,64) #484848 rgb(72,72,72) #505050 rgb(80,80,80) #585858 rgb(88,88,88) #606060 rgb(96,96,96) #686868 rgb(104,104,104) #696969 rgb(105,105,105) #707070 rgb(112,112,112) #787878 rgb(120,120,120) HTML Gray #808080 rgb(128,128,128) #888888 rgb(136,136,136) #909090 rgb(144,144,144) #989898 rgb(152,152,152) #A0A0A0 rgb(160,160,160) #A8A8A8 rgb(168,168,168) HTML DarkGray . #A9A9A9 rgb(169,169,169) #B0B0B0 rgb(176,176,176) #B8B8B8 rgb(184,184,184) X11 Gray #BEBEBE rgb(190,190,190) HTML Silver #C0C0C0 rgb(192,192,192) #C8C8C8 rgb(200,200,200) #D0D0D0 rgb(208,208,208) HTML LightGray #D3D3D3 rgb(211,211,211) #D8D8D8 rgb(216,216,216) HTML Gainsboro #DCDCDC rgb(220,220,220) #E0E0E0 rgb(224,224,224) #E8E8E8 rgb(232,232,232) #F0F0F0 rgb(240,240,240) HTML WhiteSmoke #F5F5F5 rgb(245,245,245) #F8F8F8 rgb(248,248,248) HTML White #FFFFFF rgb(255,255,255) Источник
  10. Border Color
  11. Hello World
  12. Hello World
  13. Hello World
  14. Example
  15. Hello World Hello World Hello World Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three elements have their background color set with RGB, HEX, and HSL values: The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency): Источник Colors Tutorial Colors are displayed combining RED, GREEN, and BLUE light. Color Names With CSS, colors can be set by using color names: Example CSS Color Values With CSS, colors can be specified in different ways: By color names As RGB values As hexadecimal values As HSL values (CSS3) As HWB values (CSS4) With the currentcolor keyword RGB Colors RGB color values are supported in all browsers. An RGB color value is specified with: rgb( RED , GREEN , BLUE ). Each parameter defines the intensity of the color as an integer between 0 and 255. For example, rgb(0,0,255) is rendered as blue, because the blue parameter is set to its highest value (255) and the others are set to 0. Example Shades of gray are often defined using equal values for all the 3 light sources: Example Hexadecimal Colors Hexadecimal color values are also supported in all browsers. A hexadecimal color is specified with: # RR GG BB . RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the color. For example, #0000FF is displayed as blue, because the blue component is set to its highest value (FF) and the others are set to 00. Example Shades of gray are often defined using equal values for all the 3 light sources: Example Upper Case or Lower Case? You can use upper case or lower case letters to specify hexadecimal values. Lower case are easier to write. Upper case are easier to read. Color Names CSS supports 140 standard color names. In the next chapter you will find a complete alphabetical list of color names with hexadecimal values: Color Name Hex Color AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 The currentcolor Keyword The currentcolor keyword refers to the value of the color property of an element. Example The border color of the following element will be blue, because the text color of the element is blue: Источник 140 HTML Colour Names Supported by All Browsers This useful reference table for HTML colour names also shows the hexadecimal value and a visual example of the colour. The 140 HTML colour names are supported by all browers. Use the Colour Picker and Colour Mixer links to experiment with different combinations of colour. If you are anything like me, you’ll probably be printing this out already. I love having a reference to look at that’s not just another tab in the browser. Web Colours Colours are displayed by combining red, green, and blue light. They can be specified by colour name, RGB value, hexadecimal value, HSL (hue, saturation, lightness) value, RGBA (red, green, blue, alpha) value and HSLA (hue, saturation, lightness, alpha) value. RGB For example, rgb(0,0,255) = blue Each parameter (red, green, and blue) defines the intensity of the color as an integer between 0 and 255. Hexadecimal For example, #0000FF = blue RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the colour. HSL Value For example, hsl(147, 50%, 47%) Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue. Saturation is a percentage value, 0% means a shade of gray, and 100% is the full color. Lightness is also a percentage, 0% is black, 50% is neither light or dark, 100% is white. RGBA Value For example, rgba(255, 99, 71, 0.4) An extension of the RGB color values with an alpha channel, specifying the opacity. Alpha parameter between 0.0 (fully transparent) and 1.0 (not transparent at all). HSLA Value For example, hsla(9, 100%, 64%, 0.4) HSLA color values are an extension of HSL color values with an alpha channel – which specifies the opacity for a color. Colour Picker >> W3Schools HTML Colour picker Colour Mixer >> W3Schools HTML Colour Mixer Create Your Own Colour Wheel >> Adobe Kuler HTML Colour Names Supported by All Browsers All modern browsers support the following 140 color names. Color Name HEX Color AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 Black #000000 BlanchedAlmond #FFEBCD Blue #0000FF BlueViolet #8A2BE2 Brown #A52A2A BurlyWood #DEB887 CadetBlue #5F9EA0 Chartreuse #7FFF00 Chocolate #D2691E Coral #FF7F50 CornflowerBlue #6495ED Cornsilk #FFF8DC Crimson #DC143C Cyan #00FFFF DarkBlue #00008B DarkCyan #008B8B DarkGoldenRod #B8860B DarkGray #A9A9A9 DarkGrey #A9A9A9 DarkGreen #006400 DarkKhaki #BDB76B DarkMagenta #8B008B DarkOliveGreen #556B2F DarkOrange #FF8C00 DarkOrchid #9932CC DarkRed #8B0000 DarkSalmon #E9967A DarkSeaGreen #8FBC8F DarkSlateBlue #483D8B DarkSlateGray #2F4F4F DarkSlateGrey #2F4F4F DarkTurquoise #00CED1 DarkViolet #9400D3 DeepPink #FF1493 DeepSkyBlue #00BFFF DimGray #696969 DimGrey #696969 DodgerBlue #1E90FF FireBrick #B22222 FloralWhite #FFFAF0 ForestGreen #228B22 Fuchsia #FF00FF Gainsboro #DCDCDC GhostWhite #F8F8FF Gold #FFD700 GoldenRod #DAA520 Gray #808080 Grey #808080 Green #008000 GreenYellow #ADFF2F HoneyDew #F0FFF0 HotPink #FF69B4 IndianRed #CD5C5C Indigo #4B0082 Ivory #FFFFF0 Khaki #F0E68C Lavender #E6E6FA LavenderBlush #FFF0F5 LawnGreen #7CFC00 LemonChiffon #FFFACD LightBlue #ADD8E6 LightCoral #F08080 LightCyan #E0FFFF LightGoldenRodYellow #FAFAD2 LightGray #D3D3D3 LightGrey #D3D3D3 LightGreen #90EE90 LightPink #FFB6C1 LightSalmon #FFA07A LightSeaGreen #20B2AA LightSkyBlue #87CEFA LightSlateGray #778899 LightSlateGrey #778899 LightSteelBlue #B0C4DE LightYellow #FFFFE0 Lime #00FF00 LimeGreen #32CD32 Linen #FAF0E6 Magenta #FF00FF Maroon #800000 MediumAquaMarine #66CDAA MediumBlue #0000CD MediumOrchid #BA55D3 MediumPurple #9370DB MediumSeaGreen #3CB371 MediumSlateBlue #7B68EE MediumSpringGreen #00FA9A MediumTurquoise #48D1CC MediumVioletRed #C71585 MidnightBlue #191970 MintCream #F5FFFA MistyRose #FFE4E1 Moccasin #FFE4B5 NavajoWhite #FFDEAD Navy #000080 OldLace #FDF5E6 Olive #808000 OliveDrab #6B8E23 Orange #FFA500 OrangeRed #FF4500 Orchid #DA70D6 PaleGoldenRod #EEE8AA PaleGreen #98FB98 PaleTurquoise #AFEEEE PaleVioletRed #DB7093 PapayaWhip #FFEFD5 PeachPuff #FFDAB9 Peru #CD853F Pink #FFC0CB Plum #DDA0DD PowderBlue #B0E0E6 Purple #800080 RebeccaPurple #663399 Red #FF0000 RosyBrown #BC8F8F RoyalBlue #4169E1 SaddleBrown #8B4513 Salmon #FA8072 SandyBrown #F4A460 SeaGreen #2E8B57 SeaShell #FFF5EE Sienna #A0522D Silver #C0C0C0 SkyBlue #87CEEB SlateBlue #6A5ACD SlateGray #708090 SlateGrey #708090 Snow #FFFAFA SpringGreen #00FF7F SteelBlue #4682B4 Tan #D2B48C Teal #008080 Thistle #D8BFD8 Tomato #FF6347 Turquoise #40E0D0 Violet #EE82EE Wheat #F5DEB3 White #FFFFFF WhiteSmoke #F5F5F5 Yellow #FFFF00 YellowGreen #9ACD32 Shades of Grey Grey colors are displayed using an equal amount of power to all of the light sources. Grey Shades HEX RGB #000000 rgb(0,0,0) #080808 rgb(8,8,8) #101010 rgb(16,16,16) #181818 rgb(24,24,24) #202020 rgb(32,32,32) #282828 rgb(40,40,40) #303030 rgb(48,48,48) #383838 rgb(56,56,56) #404040 rgb(64,64,64) #484848 rgb(72,72,72) #505050 rgb(80,80,80) #585858 rgb(88,88,88) #606060 rgb(96,96,96) #686868 rgb(104,104,104) #696969 rgb(105,105,105) #707070 rgb(112,112,112) #787878 rgb(120,120,120) HTML Gray #808080 rgb(128,128,128) #888888 rgb(136,136,136) #909090 rgb(144,144,144) #989898 rgb(152,152,152) #A0A0A0 rgb(160,160,160) #A8A8A8 rgb(168,168,168) HTML DarkGray . #A9A9A9 rgb(169,169,169) #B0B0B0 rgb(176,176,176) #B8B8B8 rgb(184,184,184) X11 Gray #BEBEBE rgb(190,190,190) HTML Silver #C0C0C0 rgb(192,192,192) #C8C8C8 rgb(200,200,200) #D0D0D0 rgb(208,208,208) HTML LightGray #D3D3D3 rgb(211,211,211) #D8D8D8 rgb(216,216,216) HTML Gainsboro #DCDCDC rgb(220,220,220) #E0E0E0 rgb(224,224,224) #E8E8E8 rgb(232,232,232) #F0F0F0 rgb(240,240,240) HTML WhiteSmoke #F5F5F5 rgb(245,245,245) #F8F8F8 rgb(248,248,248) HTML White #FFFFFF rgb(255,255,255) Источник
  16. Hello World Hello World Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three elements have their background color set with RGB, HEX, and HSL values: The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency): Источник Colors Tutorial Colors are displayed combining RED, GREEN, and BLUE light. Color Names With CSS, colors can be set by using color names: Example CSS Color Values With CSS, colors can be specified in different ways: By color names As RGB values As hexadecimal values As HSL values (CSS3) As HWB values (CSS4) With the currentcolor keyword RGB Colors RGB color values are supported in all browsers. An RGB color value is specified with: rgb( RED , GREEN , BLUE ). Each parameter defines the intensity of the color as an integer between 0 and 255. For example, rgb(0,0,255) is rendered as blue, because the blue parameter is set to its highest value (255) and the others are set to 0. Example Shades of gray are often defined using equal values for all the 3 light sources: Example Hexadecimal Colors Hexadecimal color values are also supported in all browsers. A hexadecimal color is specified with: # RR GG BB . RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the color. For example, #0000FF is displayed as blue, because the blue component is set to its highest value (FF) and the others are set to 00. Example Shades of gray are often defined using equal values for all the 3 light sources: Example Upper Case or Lower Case? You can use upper case or lower case letters to specify hexadecimal values. Lower case are easier to write. Upper case are easier to read. Color Names CSS supports 140 standard color names. In the next chapter you will find a complete alphabetical list of color names with hexadecimal values: Color Name Hex Color AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 The currentcolor Keyword The currentcolor keyword refers to the value of the color property of an element. Example The border color of the following element will be blue, because the text color of the element is blue: Источник 140 HTML Colour Names Supported by All Browsers This useful reference table for HTML colour names also shows the hexadecimal value and a visual example of the colour. The 140 HTML colour names are supported by all browers. Use the Colour Picker and Colour Mixer links to experiment with different combinations of colour. If you are anything like me, you’ll probably be printing this out already. I love having a reference to look at that’s not just another tab in the browser. Web Colours Colours are displayed by combining red, green, and blue light. They can be specified by colour name, RGB value, hexadecimal value, HSL (hue, saturation, lightness) value, RGBA (red, green, blue, alpha) value and HSLA (hue, saturation, lightness, alpha) value. RGB For example, rgb(0,0,255) = blue Each parameter (red, green, and blue) defines the intensity of the color as an integer between 0 and 255. Hexadecimal For example, #0000FF = blue RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the colour. HSL Value For example, hsl(147, 50%, 47%) Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue. Saturation is a percentage value, 0% means a shade of gray, and 100% is the full color. Lightness is also a percentage, 0% is black, 50% is neither light or dark, 100% is white. RGBA Value For example, rgba(255, 99, 71, 0.4) An extension of the RGB color values with an alpha channel, specifying the opacity. Alpha parameter between 0.0 (fully transparent) and 1.0 (not transparent at all). HSLA Value For example, hsla(9, 100%, 64%, 0.4) HSLA color values are an extension of HSL color values with an alpha channel – which specifies the opacity for a color. Colour Picker >> W3Schools HTML Colour picker Colour Mixer >> W3Schools HTML Colour Mixer Create Your Own Colour Wheel >> Adobe Kuler HTML Colour Names Supported by All Browsers All modern browsers support the following 140 color names. Color Name HEX Color AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 Black #000000 BlanchedAlmond #FFEBCD Blue #0000FF BlueViolet #8A2BE2 Brown #A52A2A BurlyWood #DEB887 CadetBlue #5F9EA0 Chartreuse #7FFF00 Chocolate #D2691E Coral #FF7F50 CornflowerBlue #6495ED Cornsilk #FFF8DC Crimson #DC143C Cyan #00FFFF DarkBlue #00008B DarkCyan #008B8B DarkGoldenRod #B8860B DarkGray #A9A9A9 DarkGrey #A9A9A9 DarkGreen #006400 DarkKhaki #BDB76B DarkMagenta #8B008B DarkOliveGreen #556B2F DarkOrange #FF8C00 DarkOrchid #9932CC DarkRed #8B0000 DarkSalmon #E9967A DarkSeaGreen #8FBC8F DarkSlateBlue #483D8B DarkSlateGray #2F4F4F DarkSlateGrey #2F4F4F DarkTurquoise #00CED1 DarkViolet #9400D3 DeepPink #FF1493 DeepSkyBlue #00BFFF DimGray #696969 DimGrey #696969 DodgerBlue #1E90FF FireBrick #B22222 FloralWhite #FFFAF0 ForestGreen #228B22 Fuchsia #FF00FF Gainsboro #DCDCDC GhostWhite #F8F8FF Gold #FFD700 GoldenRod #DAA520 Gray #808080 Grey #808080 Green #008000 GreenYellow #ADFF2F HoneyDew #F0FFF0 HotPink #FF69B4 IndianRed #CD5C5C Indigo #4B0082 Ivory #FFFFF0 Khaki #F0E68C Lavender #E6E6FA LavenderBlush #FFF0F5 LawnGreen #7CFC00 LemonChiffon #FFFACD LightBlue #ADD8E6 LightCoral #F08080 LightCyan #E0FFFF LightGoldenRodYellow #FAFAD2 LightGray #D3D3D3 LightGrey #D3D3D3 LightGreen #90EE90 LightPink #FFB6C1 LightSalmon #FFA07A LightSeaGreen #20B2AA LightSkyBlue #87CEFA LightSlateGray #778899 LightSlateGrey #778899 LightSteelBlue #B0C4DE LightYellow #FFFFE0 Lime #00FF00 LimeGreen #32CD32 Linen #FAF0E6 Magenta #FF00FF Maroon #800000 MediumAquaMarine #66CDAA MediumBlue #0000CD MediumOrchid #BA55D3 MediumPurple #9370DB MediumSeaGreen #3CB371 MediumSlateBlue #7B68EE MediumSpringGreen #00FA9A MediumTurquoise #48D1CC MediumVioletRed #C71585 MidnightBlue #191970 MintCream #F5FFFA MistyRose #FFE4E1 Moccasin #FFE4B5 NavajoWhite #FFDEAD Navy #000080 OldLace #FDF5E6 Olive #808000 OliveDrab #6B8E23 Orange #FFA500 OrangeRed #FF4500 Orchid #DA70D6 PaleGoldenRod #EEE8AA PaleGreen #98FB98 PaleTurquoise #AFEEEE PaleVioletRed #DB7093 PapayaWhip #FFEFD5 PeachPuff #FFDAB9 Peru #CD853F Pink #FFC0CB Plum #DDA0DD PowderBlue #B0E0E6 Purple #800080 RebeccaPurple #663399 Red #FF0000 RosyBrown #BC8F8F RoyalBlue #4169E1 SaddleBrown #8B4513 Salmon #FA8072 SandyBrown #F4A460 SeaGreen #2E8B57 SeaShell #FFF5EE Sienna #A0522D Silver #C0C0C0 SkyBlue #87CEEB SlateBlue #6A5ACD SlateGray #708090 SlateGrey #708090 Snow #FFFAFA SpringGreen #00FF7F SteelBlue #4682B4 Tan #D2B48C Teal #008080 Thistle #D8BFD8 Tomato #FF6347 Turquoise #40E0D0 Violet #EE82EE Wheat #F5DEB3 White #FFFFFF WhiteSmoke #F5F5F5 Yellow #FFFF00 YellowGreen #9ACD32 Shades of Grey Grey colors are displayed using an equal amount of power to all of the light sources. Grey Shades HEX RGB #000000 rgb(0,0,0) #080808 rgb(8,8,8) #101010 rgb(16,16,16) #181818 rgb(24,24,24) #202020 rgb(32,32,32) #282828 rgb(40,40,40) #303030 rgb(48,48,48) #383838 rgb(56,56,56) #404040 rgb(64,64,64) #484848 rgb(72,72,72) #505050 rgb(80,80,80) #585858 rgb(88,88,88) #606060 rgb(96,96,96) #686868 rgb(104,104,104) #696969 rgb(105,105,105) #707070 rgb(112,112,112) #787878 rgb(120,120,120) HTML Gray #808080 rgb(128,128,128) #888888 rgb(136,136,136) #909090 rgb(144,144,144) #989898 rgb(152,152,152) #A0A0A0 rgb(160,160,160) #A8A8A8 rgb(168,168,168) HTML DarkGray . #A9A9A9 rgb(169,169,169) #B0B0B0 rgb(176,176,176) #B8B8B8 rgb(184,184,184) X11 Gray #BEBEBE rgb(190,190,190) HTML Silver #C0C0C0 rgb(192,192,192) #C8C8C8 rgb(200,200,200) #D0D0D0 rgb(208,208,208) HTML LightGray #D3D3D3 rgb(211,211,211) #D8D8D8 rgb(216,216,216) HTML Gainsboro #DCDCDC rgb(220,220,220) #E0E0E0 rgb(224,224,224) #E8E8E8 rgb(232,232,232) #F0F0F0 rgb(240,240,240) HTML WhiteSmoke #F5F5F5 rgb(245,245,245) #F8F8F8 rgb(248,248,248) HTML White #FFFFFF rgb(255,255,255) Источник
  17. Hello World Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three elements have their background color set with RGB, HEX, and HSL values: The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency): Источник Colors Tutorial Colors are displayed combining RED, GREEN, and BLUE light. Color Names With CSS, colors can be set by using color names: Example CSS Color Values With CSS, colors can be specified in different ways: By color names As RGB values As hexadecimal values As HSL values (CSS3) As HWB values (CSS4) With the currentcolor keyword RGB Colors RGB color values are supported in all browsers. An RGB color value is specified with: rgb( RED , GREEN , BLUE ). Each parameter defines the intensity of the color as an integer between 0 and 255. For example, rgb(0,0,255) is rendered as blue, because the blue parameter is set to its highest value (255) and the others are set to 0. Example Shades of gray are often defined using equal values for all the 3 light sources: Example Hexadecimal Colors Hexadecimal color values are also supported in all browsers. A hexadecimal color is specified with: # RR GG BB . RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the color. For example, #0000FF is displayed as blue, because the blue component is set to its highest value (FF) and the others are set to 00. Example Shades of gray are often defined using equal values for all the 3 light sources: Example Upper Case or Lower Case? You can use upper case or lower case letters to specify hexadecimal values. Lower case are easier to write. Upper case are easier to read. Color Names CSS supports 140 standard color names. In the next chapter you will find a complete alphabetical list of color names with hexadecimal values: Color Name Hex Color AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 The currentcolor Keyword The currentcolor keyword refers to the value of the color property of an element. Example The border color of the following element will be blue, because the text color of the element is blue: Источник 140 HTML Colour Names Supported by All Browsers This useful reference table for HTML colour names also shows the hexadecimal value and a visual example of the colour. The 140 HTML colour names are supported by all browers. Use the Colour Picker and Colour Mixer links to experiment with different combinations of colour. If you are anything like me, you’ll probably be printing this out already. I love having a reference to look at that’s not just another tab in the browser. Web Colours Colours are displayed by combining red, green, and blue light. They can be specified by colour name, RGB value, hexadecimal value, HSL (hue, saturation, lightness) value, RGBA (red, green, blue, alpha) value and HSLA (hue, saturation, lightness, alpha) value. RGB For example, rgb(0,0,255) = blue Each parameter (red, green, and blue) defines the intensity of the color as an integer between 0 and 255. Hexadecimal For example, #0000FF = blue RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the colour. HSL Value For example, hsl(147, 50%, 47%) Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue. Saturation is a percentage value, 0% means a shade of gray, and 100% is the full color. Lightness is also a percentage, 0% is black, 50% is neither light or dark, 100% is white. RGBA Value For example, rgba(255, 99, 71, 0.4) An extension of the RGB color values with an alpha channel, specifying the opacity. Alpha parameter between 0.0 (fully transparent) and 1.0 (not transparent at all). HSLA Value For example, hsla(9, 100%, 64%, 0.4) HSLA color values are an extension of HSL color values with an alpha channel – which specifies the opacity for a color. Colour Picker >> W3Schools HTML Colour picker Colour Mixer >> W3Schools HTML Colour Mixer Create Your Own Colour Wheel >> Adobe Kuler HTML Colour Names Supported by All Browsers All modern browsers support the following 140 color names. Color Name HEX Color AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 Black #000000 BlanchedAlmond #FFEBCD Blue #0000FF BlueViolet #8A2BE2 Brown #A52A2A BurlyWood #DEB887 CadetBlue #5F9EA0 Chartreuse #7FFF00 Chocolate #D2691E Coral #FF7F50 CornflowerBlue #6495ED Cornsilk #FFF8DC Crimson #DC143C Cyan #00FFFF DarkBlue #00008B DarkCyan #008B8B DarkGoldenRod #B8860B DarkGray #A9A9A9 DarkGrey #A9A9A9 DarkGreen #006400 DarkKhaki #BDB76B DarkMagenta #8B008B DarkOliveGreen #556B2F DarkOrange #FF8C00 DarkOrchid #9932CC DarkRed #8B0000 DarkSalmon #E9967A DarkSeaGreen #8FBC8F DarkSlateBlue #483D8B DarkSlateGray #2F4F4F DarkSlateGrey #2F4F4F DarkTurquoise #00CED1 DarkViolet #9400D3 DeepPink #FF1493 DeepSkyBlue #00BFFF DimGray #696969 DimGrey #696969 DodgerBlue #1E90FF FireBrick #B22222 FloralWhite #FFFAF0 ForestGreen #228B22 Fuchsia #FF00FF Gainsboro #DCDCDC GhostWhite #F8F8FF Gold #FFD700 GoldenRod #DAA520 Gray #808080 Grey #808080 Green #008000 GreenYellow #ADFF2F HoneyDew #F0FFF0 HotPink #FF69B4 IndianRed #CD5C5C Indigo #4B0082 Ivory #FFFFF0 Khaki #F0E68C Lavender #E6E6FA LavenderBlush #FFF0F5 LawnGreen #7CFC00 LemonChiffon #FFFACD LightBlue #ADD8E6 LightCoral #F08080 LightCyan #E0FFFF LightGoldenRodYellow #FAFAD2 LightGray #D3D3D3 LightGrey #D3D3D3 LightGreen #90EE90 LightPink #FFB6C1 LightSalmon #FFA07A LightSeaGreen #20B2AA LightSkyBlue #87CEFA LightSlateGray #778899 LightSlateGrey #778899 LightSteelBlue #B0C4DE LightYellow #FFFFE0 Lime #00FF00 LimeGreen #32CD32 Linen #FAF0E6 Magenta #FF00FF Maroon #800000 MediumAquaMarine #66CDAA MediumBlue #0000CD MediumOrchid #BA55D3 MediumPurple #9370DB MediumSeaGreen #3CB371 MediumSlateBlue #7B68EE MediumSpringGreen #00FA9A MediumTurquoise #48D1CC MediumVioletRed #C71585 MidnightBlue #191970 MintCream #F5FFFA MistyRose #FFE4E1 Moccasin #FFE4B5 NavajoWhite #FFDEAD Navy #000080 OldLace #FDF5E6 Olive #808000 OliveDrab #6B8E23 Orange #FFA500 OrangeRed #FF4500 Orchid #DA70D6 PaleGoldenRod #EEE8AA PaleGreen #98FB98 PaleTurquoise #AFEEEE PaleVioletRed #DB7093 PapayaWhip #FFEFD5 PeachPuff #FFDAB9 Peru #CD853F Pink #FFC0CB Plum #DDA0DD PowderBlue #B0E0E6 Purple #800080 RebeccaPurple #663399 Red #FF0000 RosyBrown #BC8F8F RoyalBlue #4169E1 SaddleBrown #8B4513 Salmon #FA8072 SandyBrown #F4A460 SeaGreen #2E8B57 SeaShell #FFF5EE Sienna #A0522D Silver #C0C0C0 SkyBlue #87CEEB SlateBlue #6A5ACD SlateGray #708090 SlateGrey #708090 Snow #FFFAFA SpringGreen #00FF7F SteelBlue #4682B4 Tan #D2B48C Teal #008080 Thistle #D8BFD8 Tomato #FF6347 Turquoise #40E0D0 Violet #EE82EE Wheat #F5DEB3 White #FFFFFF WhiteSmoke #F5F5F5 Yellow #FFFF00 YellowGreen #9ACD32 Shades of Grey Grey colors are displayed using an equal amount of power to all of the light sources. Grey Shades HEX RGB #000000 rgb(0,0,0) #080808 rgb(8,8,8) #101010 rgb(16,16,16) #181818 rgb(24,24,24) #202020 rgb(32,32,32) #282828 rgb(40,40,40) #303030 rgb(48,48,48) #383838 rgb(56,56,56) #404040 rgb(64,64,64) #484848 rgb(72,72,72) #505050 rgb(80,80,80) #585858 rgb(88,88,88) #606060 rgb(96,96,96) #686868 rgb(104,104,104) #696969 rgb(105,105,105) #707070 rgb(112,112,112) #787878 rgb(120,120,120) HTML Gray #808080 rgb(128,128,128) #888888 rgb(136,136,136) #909090 rgb(144,144,144) #989898 rgb(152,152,152) #A0A0A0 rgb(160,160,160) #A8A8A8 rgb(168,168,168) HTML DarkGray . #A9A9A9 rgb(169,169,169) #B0B0B0 rgb(176,176,176) #B8B8B8 rgb(184,184,184) X11 Gray #BEBEBE rgb(190,190,190) HTML Silver #C0C0C0 rgb(192,192,192) #C8C8C8 rgb(200,200,200) #D0D0D0 rgb(208,208,208) HTML LightGray #D3D3D3 rgb(211,211,211) #D8D8D8 rgb(216,216,216) HTML Gainsboro #DCDCDC rgb(220,220,220) #E0E0E0 rgb(224,224,224) #E8E8E8 rgb(232,232,232) #F0F0F0 rgb(240,240,240) HTML WhiteSmoke #F5F5F5 rgb(245,245,245) #F8F8F8 rgb(248,248,248) HTML White #FFFFFF rgb(255,255,255) Источник
  18. Color Values
  19. Colors Tutorial
  20. Color Names
  21. Example
  22. CSS Color Values
  23. RGB Colors
  24. Example
  25. Example
  26. Hexadecimal Colors
  27. Example
  28. Example
  29. Upper Case or Lower Case?
  30. Color Names
  31. The currentcolor Keyword
  32. Example
  33. 140 HTML Colour Names Supported by All Browsers
  34. Web Colours
  35. RGB
  36. Hexadecimal
  37. HSL Value
  38. RGBA Value
  39. HSLA Value
  40. Colour Picker >> W3Schools HTML Colour picker
  41. Colour Mixer >> W3Schools HTML Colour Mixer
  42. Create Your Own Colour Wheel >> Adobe Kuler
  43. HTML Colour Names Supported by All Browsers
  44. Shades of Grey
Читайте также:  Php работа с submit

HTML Colors

HTML colors are specified with predefined color names, or with RGB, HEX, HSL, RGBA, or HSLA values.

Color Names

In HTML, a color can be specified by using a color name:

Background Color

You can set the background color for HTML elements:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Example

Hello World

Lorem ipsum.

Text Color

You can set the color of text:

Hello World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Example

Hello World

Lorem ipsum.

Ut wisi enim.

Border Color

You can set the color of borders:

Hello World

Hello World

Hello World

Example

Hello World

Hello World

Hello World

Color Values

In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values.

The following three elements have their background color set with RGB, HEX, and HSL values:

The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency):

Источник

Colors Tutorial

Colors are displayed combining RED, GREEN, and BLUE light.

Color Names

With CSS, colors can be set by using color names:

Example

CSS Color Values

With CSS, colors can be specified in different ways:

  • By color names
  • As RGB values
  • As hexadecimal values
  • As HSL values (CSS3)
  • As HWB values (CSS4)
  • With the currentcolor keyword

RGB Colors

RGB color values are supported in all browsers.

An RGB color value is specified with: rgb( RED , GREEN , BLUE ).

Each parameter defines the intensity of the color as an integer between 0 and 255.

For example, rgb(0,0,255) is rendered as blue, because the blue parameter is set to its highest value (255) and the others are set to 0.

Example

Shades of gray are often defined using equal values for all the 3 light sources:

Example

Hexadecimal Colors

Hexadecimal color values are also supported in all browsers.

A hexadecimal color is specified with: # RR GG BB .

RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the color.

For example, #0000FF is displayed as blue, because the blue component is set to its highest value (FF) and the others are set to 00.

Example

Shades of gray are often defined using equal values for all the 3 light sources:

Example

Upper Case or Lower Case?

You can use upper case or lower case letters to specify hexadecimal values.

Lower case are easier to write. Upper case are easier to read.

Color Names

CSS supports 140 standard color names.

In the next chapter you will find a complete alphabetical list of color names with hexadecimal values:

Color Name Hex Color
AliceBlue #F0F8FF
AntiqueWhite #FAEBD7
Aqua #00FFFF
Aquamarine #7FFFD4
Azure #F0FFFF
Beige #F5F5DC
Bisque #FFE4C4

The currentcolor Keyword

The currentcolor keyword refers to the value of the color property of an element.

Example

The border color of the following element will be blue, because the text color of the element is blue:

Источник

140 HTML Colour Names Supported by All Browsers

Facebook

This useful reference table for HTML colour names also shows the hexadecimal value and a visual example of the colour. The 140 HTML colour names are supported by all browers. Use the Colour Picker and Colour Mixer links to experiment with different combinations of colour. If you are anything like me, you’ll probably be printing this out already. I love having a reference to look at that’s not just another tab in the browser.

Web Colours

Colours are displayed by combining red, green, and blue light. They can be specified by colour name, RGB value, hexadecimal value, HSL (hue, saturation, lightness) value, RGBA (red, green, blue, alpha) value and HSLA (hue, saturation, lightness, alpha) value.

RGB

For example, rgb(0,0,255) = blue

Each parameter (red, green, and blue) defines the intensity of the color as an integer between 0 and 255.

Hexadecimal

For example, #0000FF = blue

RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the colour.

HSL Value

For example, hsl(147, 50%, 47%)

  • Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue.
  • Saturation is a percentage value, 0% means a shade of gray, and 100% is the full color.
  • Lightness is also a percentage, 0% is black, 50% is neither light or dark, 100% is white.

RGBA Value

For example, rgba(255, 99, 71, 0.4)

An extension of the RGB color values with an alpha channel, specifying the opacity. Alpha parameter between 0.0 (fully transparent) and 1.0 (not transparent at all).

HSLA Value

For example, hsla(9, 100%, 64%, 0.4)

HSLA color values are an extension of HSL color values with an alpha channel – which specifies the opacity for a color.

Colour Picker >> W3Schools HTML Colour picker

Colour Mixer >> W3Schools HTML Colour Mixer

Create Your Own Colour Wheel >> Adobe Kuler

HTML Colour Names Supported by All Browsers

All modern browsers support the following 140 color names.

Color Name HEX Color
AliceBlue #F0F8FF
AntiqueWhite #FAEBD7
Aqua #00FFFF
Aquamarine #7FFFD4
Azure #F0FFFF
Beige #F5F5DC
Bisque #FFE4C4
Black #000000
BlanchedAlmond #FFEBCD
Blue #0000FF
BlueViolet #8A2BE2
Brown #A52A2A
BurlyWood #DEB887
CadetBlue #5F9EA0
Chartreuse #7FFF00
Chocolate #D2691E
Coral #FF7F50
CornflowerBlue #6495ED
Cornsilk #FFF8DC
Crimson #DC143C
Cyan #00FFFF
DarkBlue #00008B
DarkCyan #008B8B
DarkGoldenRod #B8860B
DarkGray #A9A9A9
DarkGrey #A9A9A9
DarkGreen #006400
DarkKhaki #BDB76B
DarkMagenta #8B008B
DarkOliveGreen #556B2F
DarkOrange #FF8C00
DarkOrchid #9932CC
DarkRed #8B0000
DarkSalmon #E9967A
DarkSeaGreen #8FBC8F
DarkSlateBlue #483D8B
DarkSlateGray #2F4F4F
DarkSlateGrey #2F4F4F
DarkTurquoise #00CED1
DarkViolet #9400D3
DeepPink #FF1493
DeepSkyBlue #00BFFF
DimGray #696969
DimGrey #696969
DodgerBlue #1E90FF
FireBrick #B22222
FloralWhite #FFFAF0
ForestGreen #228B22
Fuchsia #FF00FF
Gainsboro #DCDCDC
GhostWhite #F8F8FF
Gold #FFD700
GoldenRod #DAA520
Gray #808080
Grey #808080
Green #008000
GreenYellow #ADFF2F
HoneyDew #F0FFF0
HotPink #FF69B4
IndianRed #CD5C5C
Indigo #4B0082
Ivory #FFFFF0
Khaki #F0E68C
Lavender #E6E6FA
LavenderBlush #FFF0F5
LawnGreen #7CFC00
LemonChiffon #FFFACD
LightBlue #ADD8E6
LightCoral #F08080
LightCyan #E0FFFF
LightGoldenRodYellow #FAFAD2
LightGray #D3D3D3
LightGrey #D3D3D3
LightGreen #90EE90
LightPink #FFB6C1
LightSalmon #FFA07A
LightSeaGreen #20B2AA
LightSkyBlue #87CEFA
LightSlateGray #778899
LightSlateGrey #778899
LightSteelBlue #B0C4DE
LightYellow #FFFFE0
Lime #00FF00
LimeGreen #32CD32
Linen #FAF0E6
Magenta #FF00FF
Maroon #800000
MediumAquaMarine #66CDAA
MediumBlue #0000CD
MediumOrchid #BA55D3
MediumPurple #9370DB
MediumSeaGreen #3CB371
MediumSlateBlue #7B68EE
MediumSpringGreen #00FA9A
MediumTurquoise #48D1CC
MediumVioletRed #C71585
MidnightBlue #191970
MintCream #F5FFFA
MistyRose #FFE4E1
Moccasin #FFE4B5
NavajoWhite #FFDEAD
Navy #000080
OldLace #FDF5E6
Olive #808000
OliveDrab #6B8E23
Orange #FFA500
OrangeRed #FF4500
Orchid #DA70D6
PaleGoldenRod #EEE8AA
PaleGreen #98FB98
PaleTurquoise #AFEEEE
PaleVioletRed #DB7093
PapayaWhip #FFEFD5
PeachPuff #FFDAB9
Peru #CD853F
Pink #FFC0CB
Plum #DDA0DD
PowderBlue #B0E0E6
Purple #800080
RebeccaPurple #663399
Red #FF0000
RosyBrown #BC8F8F
RoyalBlue #4169E1
SaddleBrown #8B4513
Salmon #FA8072
SandyBrown #F4A460
SeaGreen #2E8B57
SeaShell #FFF5EE
Sienna #A0522D
Silver #C0C0C0
SkyBlue #87CEEB
SlateBlue #6A5ACD
SlateGray #708090
SlateGrey #708090
Snow #FFFAFA
SpringGreen #00FF7F
SteelBlue #4682B4
Tan #D2B48C
Teal #008080
Thistle #D8BFD8
Tomato #FF6347
Turquoise #40E0D0
Violet #EE82EE
Wheat #F5DEB3
White #FFFFFF
WhiteSmoke #F5F5F5
Yellow #FFFF00
YellowGreen #9ACD32

Shades of Grey

Grey colors are displayed using an equal amount of power to all of the light sources.

Grey Shades HEX RGB
#000000 rgb(0,0,0)
#080808 rgb(8,8,8)
#101010 rgb(16,16,16)
#181818 rgb(24,24,24)
#202020 rgb(32,32,32)
#282828 rgb(40,40,40)
#303030 rgb(48,48,48)
#383838 rgb(56,56,56)
#404040 rgb(64,64,64)
#484848 rgb(72,72,72)
#505050 rgb(80,80,80)
#585858 rgb(88,88,88)
#606060 rgb(96,96,96)
#686868 rgb(104,104,104)
#696969 rgb(105,105,105)
#707070 rgb(112,112,112)
#787878 rgb(120,120,120)
HTML Gray #808080 rgb(128,128,128)
#888888 rgb(136,136,136)
#909090 rgb(144,144,144)
#989898 rgb(152,152,152)
#A0A0A0 rgb(160,160,160)
#A8A8A8 rgb(168,168,168)
HTML DarkGray . #A9A9A9 rgb(169,169,169)
#B0B0B0 rgb(176,176,176)
#B8B8B8 rgb(184,184,184)
X11 Gray #BEBEBE rgb(190,190,190)
HTML Silver #C0C0C0 rgb(192,192,192)
#C8C8C8 rgb(200,200,200)
#D0D0D0 rgb(208,208,208)
HTML LightGray #D3D3D3 rgb(211,211,211)
#D8D8D8 rgb(216,216,216)
HTML Gainsboro #DCDCDC rgb(220,220,220)
#E0E0E0 rgb(224,224,224)
#E8E8E8 rgb(232,232,232)
#F0F0F0 rgb(240,240,240)
HTML WhiteSmoke #F5F5F5 rgb(245,245,245)
#F8F8F8 rgb(248,248,248)
HTML White #FFFFFF rgb(255,255,255)

Источник

Оцените статью
© 2023 Программирование