---
title: Web Color Theory
created: 2026-06-02
updated: 2026-06-02
type: concept
tags: [web-design, color-theory]
sources:
  - raw/articles/web-design-research.md
  - raw/articles/crawford-20-principles.md
confidence: 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 через цветовые тона

## Китайский подход
- Красный (удача), золотой (богатство), яркие градиенты
- Плотная палитра — больше цветов на странице