Формати вказання кольру
RGB
Комбінація червоного, зеленого, синього значення кольорів. Можна вказувати числами або процентами
/* Чистий червоний колір: 255 червоний, 0 зелений, 0 синій */ p { color: rgb(255, 0, 0); }
/* Чистий червоний колір: 100% червоний, 0% зелений, 0% синій */ p { color: rgb(100%, 0%, 0%); }
Hexadecimal
Грунтується на записі числа у шістнадцятковій системі числення. Частка кожного з трьох основних кольорів описується двома символами та визначає інтенсивність кольору. Порядок такий самий - червоного, зеленого, синьій. Можна задати також і в Hex-форматі, але через складність такого запису і запам'ятовування значень завжди використовують функцію rgba.
/* Чистий червоний колір: ff (100%) червогого, 00 (0%) зеленого, 00 (0%) синього */ p { color: #ff0000; }
RGBА
Основний спосіб додавання прозорості кольору це функція rgba(). На відміну від rgb(), тут додається четвертий параметр — прозорість кольору (альфа-канал).
p { background-color: rgba(234, 51, 36, 0.5); }