Designing a site, especially developing its design from scratch, many are faced with such a problem as coloring a page of a site, tables, text. Many site designers have special modules and buttons with which these parameters are set. But not all of them have wide functionality. This is where the HTML color table comes to the rescue.
What is a color chart
In programming, regardless of the language, many commands and parameters are set with special short notation. The HTML markup language was no exception. It has a fairly wide range of commands and notation.
In order to colorize an element of a page or text in the desired shade, you should be aware of such a concept as a table of HTML color codes. It contains the basic codes of a particular color or shade. Using them, you can set the tone of any element by registering it in a specific tag.
The code in the table is transmitted using the hexadecimal system. Each color consists of six characters. Each pair of characters indicates the intensity of one color or another. The first of them is responsible for
red, the second for green, the third for blue.
The color code always starts with a pound sign (#). For example, a black code would look like this: “# 000000”.
It is worth noting that some webmasters use a shortened version of the code, using only three characters - one of a pair. But still, we recommend that you use common notation.
What are the color tables for HTML
The HTML color table is available in several variations. The first is basic colors. There are only sixteen of them. These include colors such as red, gray, silver, white, black, green, blue, cyan, yellow, and others. They are quite convenient to use for the design of the text, since they are all quite rich and bright. Next, we can distinguish the so-called “Table of safe colors”, which has 216 shades displayed on any video card. This table is pretty easy to find in any HTML tutorial. It is worth noting that it is suitable if you are directly involved in the design of the site or page, and you need exactly the shades of colors - both saturated, and quite light and barely noticeable.
We also allow ourselves to highlight the
gray shades table
, which contains more than 10 options. It is also suitable for website design, especially for the background-substrate for the main text. Any of these codes can also be used if you need to set the color of the text
in the HTML table for footnotes or small posts.
How to replace?
What to do if there is no color chart at hand? This option cannot be excluded, despite the fact that it is quite widely used and refers to open and accessible information.
If you cannot find this material, you can record the color as a percentage. In this case, the sign of the lattice you do not need. But to set the shade in this way is quite difficult and dreary, since you will never know in advance what you can do. A record in this format may look something like this: “10P%.” However, we do not recommend this method of recording color. The HTML color table will be much more reliable than such experiments.
The third way to set a color is to write its name in English. Basically, browsers read and adequately perceive the names of the primary colors, as well as their shades, marked with the values dark (dark), light (light). For example, black is set to Black, and dark red is DarkRed.
conclusions
HTML color chart is one of the most important things web designers should know about. With its help, you can "colorize" the pages of the site, text, tables and other elements.
The table contains the most used colors and their codes, consisting of three pairs of signs indicating the intensity of red, green and blue colors. You can find it in any HTML tutorial.
If you do not have a table at hand, you can set the color using its name in English.