Ответ
В CSS есть несколько способов изменить цвет элемента:
- HEX - шестнадцатеричное значение:
color: #FF5733;
- RGB/RGBA - с прозрачностью (alpha):
background-color: rgba(255, 87, 51, 0.5);
- HSL/HSLA - цветовая модель Hue-Saturation-Lightness:
border-color: hsl(10, 100%, 60%);
- Именованные цвета:
color: tomato;
- currentColor - наследует значение color:
border: 1px solid currentColor;
- CSS-переменные:
:root {
--main-color: #FF5733;
}
.element {
color: var(--main-color);
}
Также можно модифицировать цвет через JavaScript, используя методы типа element.style.color = 'red' или манипулируя значениями через библиотеки типа chroma.js.