Алый цвет #FF2400

Яркий тёплый красный оттенок с кодом #FF2400, известный как алый.

CSS-имя Нет стандартного имени
RGB 255 · 36 · 0
HSL 8° · 100% · 50%
CSS Color Profile
Нет стандартного имени #FF2400
На этой странице
Цвет #FF2400 Нет стандартного имени
Коды цвета

Значения в разных форматах

Нажмите, чтобы скопировать

CMYK - ориентировочный пересчёт без учёта печатного профиля, а не CSS-синтаксис.

Контраст текста

Минимум WCAG AA для обычного текста - 4.5:1

Лучше: чёрный
Белый текст 3.82:1 Только крупный текст
Чёрный текст 5.50:1 AA
Светлее и темнее

Оттенки алого цвета

Шкала от светлого фона до насыщенного тёмного тона

Шкала рассчитана от исходного кода #FF2400. Для готовой дизайн-системы дополнительно проверьте контраст каждой пары текста и фона.

Готовые палитры

Сочетания с алым цветом

Три отправные точки для интерфейса или иллюстрации

Контрастная

Выразительная пара для акцентов, кнопок и небольших деталей.

Аналоговая

Соседние тона для спокойного и цельного цветового решения.

Монохромная

Один цвет разной светлоты для фона, текста и состояний элементов.

О цвете

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

Алый #FF2400 расположен между чистым красным и красно-оранжевым. У этого точного значения нет отдельного стандартного CSS-имени, поэтому в коде его задают через HEX, RGB или HSL.

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

Алый воспринимается как активный, горячий и праздничный цвет. Он быстро привлекает внимание и лучше работает дозированно.

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

  • Яркие акценты, иллюстрации и промоматериалы.
  • Предупреждения и важные элементы с текстовой подписью.
  • Праздничные, спортивные и эмоциональные композиции.

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

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

Как задать алый цвет в HTML и CSS

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

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

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

:root {
  --color-alyy: #ff2400;
}

.button {
  background: var(--color-alyy);
}
ФорматЗначениеОсобенность
HEX#FF2400Компактная шестнадцатеричная запись.
RGBrgb(255 36 0)Красный, зелёный и синий каналы от 0 до 255.
HSLhsl(8 100% 50%)Тон, насыщенность и светлота.
CSS-имя - Используйте числовой код #FF2400.
Продолжить подбор
Все коды цветов

Частые вопросы: алый цвет

Какой HEX-код у алого цвета?

Алый цвет имеет HEX-код #FF2400. В RGB это rgb(255, 36, 0), а в HSL - hsl(8, 100%, 50%).

Как написать алый цвет в CSS?

Используйте код #FF2400, функцию rgb(255 36 0) или значение hsl(8 100% 50%). У этого оттенка нет отдельного стандартного ключевого слова CSS.

Какой текст использовать на фоне алого цвета?

Чёрный текст даёт более высокий контраст. Соотношение с белым составляет 3.82:1, с чёрным - 5.50:1.

С какими цветами сочетается алый?

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

Есть ли у алого цвета стандартное CSS-имя?

Нет. Алый цвет - распространённое название оттенка, но отдельного ключевого слова с таким значением в стандартной таблице CSS нет. Используйте HEX #FF2400, RGB или HSL.