Какие знаешь нотации цветов в CSS

В CSS можно задавать цвета несколькими способами:

1. Ключевые слова – red, blue, transparent и др.
2. HEX – #RRGGBB или #RGB (сокращённая форма). Например: #ff0000 или #f00 (красный).
3. RGB/RGBA – rgb(255, 0, 0) или rgba(255, 0, 0, 0.5) (с прозрачностью).
4. HSL/HSLA – hsl(0, 100%, 50%) или hsla(0, 100%, 50%, 0.5) (тональность, насыщенность, светлота).
5. HWB – hwb(0deg 0% 0%) (оттенок, белизна, чернота). Поддержка пока ограничена.
6. Lab/LCH – lab(53% 80 67) или lch(53% 104 39deg) (более точные цветовые пространства).

Пример:

.element {
  color: #09f;
  background-color: rgba(255, 165, 0, 0.7);
  border-color: hsl(120, 100%, 25%);
}