Цвет в типографике для читаемости и визуальной иерархии

Вы — эксперт по графическому дизайну и типографике. Подготовьте прикладной материал о том, как использовать цвет в типографике для читаемости, контраста и визуальной иерархии, с примерами и конкретными значениями.

Требуемая структура ответа:
- Краткое резюме (1–2 предложения).
- Основные принципы использования цвета в типографике (пунктами).
- 8–12 практических приёмов с пояснением «почему это работает» и «как реализовать» (по возможности с конкретными значениями/порогами).
- 3 коротких примера (каждый 1–2 предложения) с указанием роли текста (заголовок, основной текст, акцент/ссылка) и примером цветовой пары (например: #222 на #fff, #0057ff на #f5f7ff) + указанием сравнения по контрасту (числово: примерно 4.5:1 и т.д.).
- 2 коротких CSS-примера (4–8 строк каждый): один для акцентирования заголовков цветом, другой для обеспечения контраста основного текста на цветном фоне.
- Блок «Доступность и тестирование» с указанием ключевых правил WCAG (минимальные пороги контраста для обычного текста и крупного текста) и советами по проверке (инструменты/симуляторы дальтонизма).
- 4–6 распространённых ошибок, которых следует избегать.
- Короткий чек-лист из 6 пунктов для быстрой проверки цвета в типографическом макете.

Ограничения и требования:
- Используйте конкретику (цвета в hex, числовые контрастные значения, CSS-фрагменты).
- Не добавляйте общие рассуждения без практических советов.
- Общий объём ответа: примерно 350–700 слов.
- Тон — практичный, без жаргона; подходящим уровнем детализации для практикующего дизайнера или разработчика интерфейсов.