Color Composition and HTML

Similarity in Colors

When you are designing a web page, you may want to input a color that is similar to another one you already know. Now, if you change any of the values of the above colors slightly, you will have a color similar to it. For example, Fuchsia is given as rgb(255,0,255); the color rgb(253,0,253) is similar to Fuchsia.

You might have heard that you can also represent colors using hexadecimal values. I will not address that because the RGB format is enough to cater to anything that concerns this article.

Gray Colors

The black and the white colors are two reference colors in the set of all colors (all combinations of RGB). They are at opposite points. The black color is rgb(0,0,0). The white color is rgb(255,255,255). Note that the value of each of the three fundamental colors in the representation of the black color is 0, the minimum possible value. Also note that the value of each of the three fundamental colors in the representation of the white color is 255, the maximum possible value.

Gray colors are of different levels. For example, you have dark gray colors and light gray colors. For any gray color, the values of the three fundamental colors are the same. The following table gives different gray colors:

As you go down the above table, the gray color becomes darker; each of the values is getting closer to 0. Generally, values that are closer to 255 give lighter colors, while values closer to 0 give darker colors.

So any RGB color where the values are equal is a gray color.

Doping Gray Color

The word “dope” means you add a bit of material to a large quantity of another material. The question here is, how can we add a bit of color to gray? The solution is simple. Vary one or two or all three of the values in the RGB code slightly. Do not take the word “dope” in this context strictly, even though the end result looks as if you have added a bit of color to gray. The following table gives “doped” gray colors.