Какие форматы цвета существуют в CSS

«Какие форматы цвета существуют в CSS» — вопрос из категории CSS, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

RGB (Red, Green, Blue) — цветовая модель, где каждый цвет представлен комбинацией трёх каналов: красного, зелёного и синего. Каждый канал имеет значение от 0 до 255 (8 бит на канал), что позволяет создавать 16,7 млн цветов.

Формат записи:

  • Шестнадцатеричный: #RRGGBB (например, #FF0000 — красный).
  • Функциональный (CSS): rgb(R, G, B) (например, rgb(255, 0, 0)).
  • С прозрачностью (RGBA): rgba(R, G, B, A), где A — альфа-канал (0–1).

Пример:

.element {
  color: #00FF00; /* Зелёный */
  background-color: rgba(0, 0, 255, 0.5); /* Полупрозрачный синий */
}