Some references about colors in HTML
|
In HTML, colors are represented in two ways. One is to use color names, such as blue for blue. Another way is to use hexadecimal values to represent RGB color values. RGB stands for Red, Green, and Blue. The minimum value of each primary color in RGB is 0, and the maximum value is 255. If converted into hexadecimal notation, it is (#00) and (#FF). For example, the white RGB (255,255,255) is represented by #FFFFFF, and the black RGB (0,0,0) is represented by #000000. Note: In the HTML 4.0 standard developed by W3C, only 16 colors can be represented by color names (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow). Other colors must be represented by hexadecimal RGB color values. Different systems for preserving colors. Here are the 216 web-safe colors: the # symbol. What about the 56 web-safe colors? Because Microsoft and Mac operating systems have. Of course, modern browsers support more color names. However, to be on the safe side, it is recommended that you use hexadecimal RGB color values to represent colors. And add the # symbol before the value. To help you find the right color, we have listed some color descriptions here for your reference, which can be used as a quick reference tool. Web-safe colors Previously, many computer monitors supported a maximum of 256 colors, so 216 Web-safe colors were created to ensure that the colors of web pages can be displayed correctly. The following are the 216 Web safe colors: 000000 represents. To ensure that the colors of the web page are displayed correctly. So why not 256 web-safe colors? Because Microsoft and Mac operating systems have 40 different system reserved colors. green, lime, maroon, navy, olive! : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : (#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) darkgreen (#006400) darkkhaki (#bdb76b) darkmagenta (#8b008b) darkolivegreen (#556b2f) darkorange (#ff8c00) darkorchid (#9932cc) darkred (#8b0000) darksalmon (#e9967a) darkseagreen (#8fbc8b) darkslateblue (#483d8b) darkslategray (#2f4f4f ) darkturquoise (#00ced1) darkviolet (#9400d3) deeppink (#ff1493) deepskyblue (#00bfff) dimgray (#696969) dodgerblue (#1e90ff) firebrick (#b22222 ) floralwhite (#fffaf0) forestgreen (#228b22) fuchsia (#ff00ff) gainsboro (#dcdcdc) ghostwhite (#f8f8ff) gold (#ffd700) goldenrod (#daa520 ) gray (#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) lightgreen (#90ee90) lightgrey (#d3d3d3) lightpink (#ffb6c1) lightsalmon (#ffa07a) lightseagreen (#20b2aa) lightskyblue (#87cefa) lightslategray (#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) 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) 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) |
<<: Detailed explanation of persistent storage of redis under docker
>>: MySQL series: redo log, undo log and binlog detailed explanation
Recommend
Complete the search function in the html page
Recently I've been working on a framework tha...
CSS XTHML writing standards and common problems summary (page optimization)
Project Documentation Directory Div+CSS Naming Sta...
Detailed explanation of gantt chart draggable and editable (highcharts can be used for vue and react)
Preface Excel is powerful and widely used. With t...
Solution to the failure of MySQL service startup during MySQL 5.7.18 installation
MySQL is a very powerful relational database. How...
Implementation of CSS dynamic height transition animation effect
This question originated from a message on Nugget...
Example code for implementing the nine-grid layout of dynamic images with CSS
Precondition: content="width=750" <m...
Web Design Principles of Hyperlinks
<br />Related articles: 9 practical tips for...
Two ways to build Docker images
Table of contents Update the image from an existi...
Full analysis of MySQL INT type
Preface: Integer is one of the most commonly used...
HTML table markup tutorial (14): table header
<br />In HTML language, you can automaticall...
Table paging function implemented by Vue2.0+ElementUI+PageHelper
Preface I have been working on some front-end pro...
A brief analysis of JS original value and reference value issues
Primitive values -> primitive types Number S...
MySQL 8.0.22 installation and configuration method graphic tutorial
This article records the installation and configu...
Implementation of Docker Compose multi-container deployment
Table of contents 1. WordPress deployment 1. Prep...
Creating Responsive Emails with Vue.js and MJML
MJML is a modern email tool that enables develope...