1.8 KiB
1.8 KiB
title, created, updated, type, tags, sources, confidence
| title | created | updated | type | tags | sources | confidence | ||||
|---|---|---|---|---|---|---|---|---|---|---|
| Web Color Theory | 2026-06-02 | 2026-06-02 | concept |
|
|
high |
Web Color Theory — Теория цвета в веб-дизайне
Правило 60-30-10
- 60% — основной цвет (фон, поверхности)
- 30% — вторичный (заголовки, секции)
- 10% — акцентный (CTA, ссылки, кнопки)
Психология цвета
- Синий — доверие, стабильность (корпоративные сайты, банки)
- Красный — срочность, действие (распродажи, CTA)
- Зелёный — рост, деньги, экология
- Оранжевый — энергия, доступность
- Фиолетовый — роскошь, креативность
- Чёрный/Тёмный — премиальность, минимализм
Контраст и доступность
- Минимум 4.5:1 для обычного текста (WCAG AA)
- Минимум 3:1 для крупного текста (18px+ bold или 24px+ regular)
- Инструменты проверки: WAVE, Axe, color contrast analyzer
Тёмная тема
- Фон: #121212 (не чистый чёрный — утомляет глаза)
- Текст: #E0E0E0 (не белый)
- Поверхности: иерархия через elevation (повышение яркости)
- Material Design 3: Dynamic Color через цветовые тона
Китайский подход
- Красный (удача), золотой (богатство), яркие градиенты
- Плотная палитра — больше цветов на странице