CSS-свойство color
Описание: Задает цвет текста элемента, влияя на его визуальную восприятие и читаемость.
Значения:
- Имена цветов (например, <code>red</code>, <code>blue</code>)
- HEX (например, <code>#ff0000</code>)
- RGB (например, <code>rgb(255, 0, 0)</code>)
- RGBA (например, <code>rgba(255, 0, 0, 0.5)</code>)
- HSL (например, <code>hsl(0, 100%, 50%)</code>)
- HSLA (например, <code>hsla(0, 100%, 50%, 0.5)</code>)
- <code>currentColor</code>
Начальное значение: Зависит от браузера (обычно black)
Применяется к: Все элементы
Наследуется: Да
Медиа-тип: visual
Пример использования
p {
color: #333;
}Доступность (a11y)
- Убедитесь, что цвет текста имеет достаточный контраст с фоном для улучшения читаемости. Рекомендуется соблюдать минимальные требования контрастности согласно WCAG.
- Избегайте использования цветов для передачи важной информации без дополнительных визуальных индикаторов, чтобы обеспечить доступность для пользователей с нарушением цветового зрения.
- Использование
currentColorможет облегчить управление цветами и поддержание контрастности в различных состояниях элементов.