В CSS свойство color используется для задания цвета текста, а background-color — для фона элементов. Цвета можно задавать различными способами.
Способы задания цвета
- По имени:
color: red;,background-color: blue; - С помощью HEX-кодов:
#ff0000,#00ff00 - RGB:
rgb(255,0,0),rgb(0,255,0) - RGBA (с прозрачностью):
rgba(255,0,0,0.5) - HSL:
hsl(0,100%,50%)
Примеры использования
p {
color: #333333;
}
div.box {
background-color: lightblue;
padding: 10px;
}Рекомендации
- Используйте цвета с достаточной контрастностью для читаемости текста.
- Старайтесь использовать переменные CSS для унификации цветовой схемы.
- Для фонов и текста лучше использовать разные методы задания цвета, чтобы облегчить адаптацию под разные темы.