Формати вказання кольру

Комбінація червоного, зеленого, синього значення кольорів. Можна вказувати числами або процентами

/* Чистий червоний колір: 255 червоний, 0 зелений, 0 синій */
p {
  color: rgb(255, 0, 0);
}

/* Чистий червоний колір: 100% червоний, 0% зелений, 0% синій */
p {
  color: rgb(100%, 0%, 0%);
}

 Грунтується на записі числа у шістнадцятковій системі числення. Частка кожного з трьох основних кольорів описується двома символами та визначає інтенсивність кольору. Порядок такий самий - червоного, зеленого, синьій.
 Можна задати також і в Hex-форматі, але через складність такого запису і запам'ятовування значень завжди використовують функцію rgba.

/* Чистий червоний колір: ff (100%) червогого, 00 (0%) зеленого, 00 (0%) синього */
p {
  color: #ff0000;
}

Основний спосіб додавання прозорості кольору це функція rgba(). На відміну від rgb(), тут додається четвертий параметр — прозорість кольору (альфа-канал).

p {
  background-color: rgba(234, 51, 36, 0.5);
}