The art of color
Primary colors
Красные тона
Зеленые тона
Розовые тона
Оранжевые тона
Желтые тона
Синие тона
Фиолетовые тона
Белые тона
Коричневые тона
Серые тона
The RGB system uses three numbers that describe the relative amount of red, green, and blue that are mixed together to produce any given hue. The numbers can range from 0 to 255. Consider the RGB code for a dark purple color: rgb(204, 51, 255), which can be applied to a CSS font color property, for example:
color: rgb(205, 51, 255);
The RGBA system adds another number that describes the transparency of the color, the value can range from 0 (fully transparent) to 1 (fully opaque). A value of 0.5 makes the color translucent, consider the translucent version of the dark purple color given by the RGBA system:
color: rgba(204, 51, 255, 0.5);
You can see that the red, green and blue color values are similar to the RGB system. The fourth number - 0.5 is the degree of transparency. The "A" in RGBA stands for alpha channel, which is a graphic design term for transparency.
RGBA colors are useful for creating semi-transparent elements that allow the elements below them to be visible.
By name
Internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+
Browsers support some colors by name. In table. 1 shows the names, hex code, values in RGB, HSL format and description.
Tab. 1. Color names
gray colors
Each specification goes through several stages of approval.
Recommendation - The specification has been approved by the W3C and is recommended as a standard.
Candidate Recommendation - The group responsible for the standard is satisfied that it meets its goals, but the developer community needs help to implement the standard.
Proposed Recommendation - At this point, the document is submitted to the W3C Advisory Board for final approval.
Working Draft - A more mature version of the draft after discussion and amendments for community review.
Editor's draft - A draft version of a standard after revisions by project editors.
Draft (Draft specification) - the first draft version of the standard.
Another method of setting colors in CSS is the system, which can be found much less frequently on site pages. HSL is an acronym that combines the first letters of the following three features:
Hue - tone.
Saturation - saturation.
Lightness - lightness.
purple colors
With RGB
You can define a color using the red, green, and blue values in decimal terms. Each of the three color components takes a value from 0 to 255. It is also permissible to set the color as a percentage, while 100% will correspond to the number 255. First, the keyword rgb is indicated, and then the color components are indicated in brackets, separated by commas, for example rgb(255 , 128, 128) or rgb(100%, 50%, 50%).