Коды красного цвета: от #FF0000 до сложных оттенков

Иван Корнев·26.05.2026·⏱4 мин

Чистый красный цвет в цифровом формате имеет код HEX #FF0000 или RGB (255, 0, 0). Это базовое значение, где канал красного света максимален, а зеленого и синего — отсутствует. Однако в дизайне и разработке редко используется только «канонический» красный. Ниже приведены точные коды популярных оттенков, правила их сочетания и технические нюансы использования в CSS и графических редакторах.

Краткая справка: Если вам нужен стандартный красный для кнопки или предупреждения, используйте #FF0000. Для более мягкого восприятия выберите приглушенные тона, например, Indian Red (#CD5C5C).

Почему красный выглядит именно так?

В аддитивной цветовой модели RGB (Red, Green, Blue), используемой в экранах мониторов и телефонов, цвет формируется смешением световых лучей.

Red (Красный): 255 (максимум) → FF в HEX.
Green (Зеленый): 0 (минимум) → 00 в HEX.
Blue (Синий): 0 (минимум) → 00 в HEX.

Результат: rgb(255, 0, 0) = #FF0000.

В CSS также допустима сокращенная запись HEX-кода: #F00. Браузеры интерпретируют её идентично полной версии.

Таблица популярных оттенков красного

Выбор оттенка зависит от задачи: яркий красный привлекает внимание (CTA, ошибки), темный ассоциируется с премиальностью, а приглушенный создает уют.

Яркие и акцентные оттенки

Используются для кнопок «Купить», уведомлений об ошибках и элементов, требующих мгновенной реакции пользователя.

Название	HEX	RGB	Применение
Pure Red (Чистый)	`#FF0000`	`255, 0, 0`	Базовый веб-стандарт, иконки ошибок
Scarlet (Алый)	`#FF2400`	`255, 36, 0`	Динамичные бренды, спорт
Candy Apple	`#FF0800`	`255, 8, 0`	Автомобильная тематика, глянцевые элементы
Crimson (Багровый)	`#DC143C`	`220, 20, 60`	Заголовки, акценты в темных темах
Carmine (Кармин)	`#D70040`	`215, 0, 64`	Роскошь, косметика, высокая мода

Глубокие и темные тона

Подходят для фона, подложек карточек в «темной теме» или брендинга люксового сегмента (вино, шоколад, ювелирные изделия).

Название	HEX	RGB	Применение
Dark Red	`#8B0000`	`139, 0, 0`	Классический веб-безопасный темный красный
Burgundy (Бордо)	`#800020`	`128, 0, 32`	Премиум-сегмент, рестораны, винные карты
Maroon (Мариновый)	`#800000`	`128, 0, 0`	Строгий корпоративный стиль, униформа
Wine (Винный)	`#722F37`	`114, 47, 55`	Уютные интерьеры, упаковка продуктов

Мягкие и пастельные варианты

Идеальны для фонов, иллюстраций, женских и детских брендов, где агрессивность чистого красного неуместна.

Название	HEX	RGB	Применение
Indian Red	`#CD5C5C`	`205, 92, 92`	Натуральные темы, здоровье
Salmon (Лососевый)	`#FA8072`	`250, 128, 114`	Летние коллекции, еда, лайфстайл
Pastel Red	`#FAA0A0`	`250, 160, 160`	Нежные интерфейсы, фон для текста
Brick Red (Кирпичный)	`#AA4A44`	`170, 74, 68`	Архитектура, крафт, ретро-стиль

Совет по доступности (Accessibility): Белый текст на чистом красном (#FF0000) может быть трудночитаемым для людей с нарушениями зрения. Для основного текста лучше использовать более темные оттенки (например, Crimson #DC143C) или увеличивать жирность шрифта.

Практическое использование в CSS и дизайне

Синтаксис в веб-разработке

Вы можете задавать цвет любым из способов, но рекомендуется придерживаться единого стиля в проекте.

/* Пример использования разных форматов */
.error-message {
  color: #FF0000; /* HEX - самый популярный формат */
}

.btn-primary {
  background-color: rgb(220, 20, 60); /* RGB - удобно для динамической генерации */
}

.overlay {
  /* RGBA позволяет добавить прозрачность (последняя цифра от 0 до 1) */
  background-color: rgba(255, 0, 0, 0.5); 
}

Психология восприятия

Чистый красный: Сигнал опасности, срочности, энергии. Повышает пульс. Используйте дозированно.
Темный красный: Стабильность, сила, традиция. Вызывает доверие, но может казаться тяжелым.
Розовато-красный (Salmon/Indian): Дружелюбие, забота, тепло. Снижает уровень стресса.

Частые ошибки при работе с красным

Игнорирование контрастности. Красный текст на синем фоне вызывает эффект «вибрации», который утомляет глаза. Избегайте таких сочетаний в больших текстовых блоках.
Избыточность. Использование #FF0000 для фона всей страницы делает работу с сайтом физически дискомфортной. Красный должен быть акцентом, а не основой.
Путаница в оттенках. Не называйте цвет просто «red» в дизайн-системе, если у вас есть Crimson, Scarlet и Brick. Используйте конкретные имена или токены (например, color-danger-default, color-brand-primary), чтобы разработники не гадали, какой именно HEX-код им нужен.

FAQ

Какой код у темно-красного цвета? Стандартный веб-цвет Dark Red имеет код #8B0000. Для более глубоких оттенков часто используют Burgundy (#800020) или Maroon (#800000).

Можно ли использовать сокращение #F00 вместо #FF0000? Да, это абсолютно валидный CSS-синтаксис. Браузеры автоматически расширяют его до полного шестизначного кода.

Какой красный лучше для кнопки «Отмена» или «Удалить»? Рекомендуется использовать насыщенные, но не «кислотные» оттенки, такие как Crimson (#DC143C) или чуть затемненный Pure Red (#E60000), чтобы сохранить читаемость белого текста на кнопке.