Как прописать цвет в CSS

В CSS цвет может быть указан в различных форматах:

1. Цветовые имена — это предопределенные имена для цветов, такие как «red», «green», «blue» и т.д. Например:

h1 {
  color: red;
}

2. HEX-коды — это шестнадцатеричные коды, которые указывают красный (R), зеленый (G) и синий (B) составляющие цвета (#RRGGBB). Например:

h1 {
  color: #FF0000; /*красный цвет*/
}

3. RGB — это значения, которые представляют красный, зеленый и синий цвет от 0 до 255. Например:

h1 {
  color: rgb(255,0,0); /*красный цвет*/
}

4. RGBA — это то же самое, что и RGB, но с еще одним значением на прозрачность от 0 (полностью прозрачный) до 1 (полностью непрозрачный). Например:

h1 {
  color: rgba(255,0,0,0.5); /*полупрозрачный красный цвет*/
}

5. HSL — это значения оттенка (H), насыщенности (S) и светлоты (L). Например:

h1 {
  color: hsl(0,100%,50%); /*красный цвет*/
}

6. HSLA — это то же самое, что и HSL, но с еще одним значением на прозрачность от 0 до 1. Например:

h1 {
  color: hsla(0,100%,50%,0.5); /*полупрозрачный красный цвет*/
}

Классический RGB-способ задания цвета предпочтительнее, потому что он наиболее читаем и понятен, и он поддерживается во всех браузерах.