Красный цвет Red #FF0000

Где использовать красный цвет

Чистый красный состоит из максимального красного канала без примеси зелёного и синего. Он моментально привлекает внимание, поэтому в интерфейсах чаще используется дозированно: для ошибок, предупреждений, критичных действий и отдельных акцентных элементов.

Характер и восприятие

Красный выглядит энергичным, эмоциональным и срочным. Его значение сильно зависит от контекста: он может обозначать опасность, запрет, скидку, любовь или активное состояние.

Подходящие задачи

• Ошибки формы и критические уведомления.
• Цена со скидкой или ограниченное предложение.
• Небольшой акцент в иллюстрации и айдентике.

Практические рекомендации

• Не передавайте состояние только цветом - добавляйте текст или иконку.
• На красном фоне проверяйте контраст белого и чёрного текста.
• Для больших областей используйте более тёмный или приглушённый оттенок.

Как задать красный цвет в HTML и CSS

В современной HTML-странице цвет оформляют через CSS. Для одного и того же оттенка можно использовать HEX-код, функции RGB и HSL или именованное значение red.

.example {
  color: #000000;
  background-color: #ff0000;
}

Если значение понадобится в нескольких компонентах, вынесите его в CSS-переменную:

:root {
  --color-krasnyy: #ff0000;
}

.button {
  background: var(--color-krasnyy);
}