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

Цвет «красный»

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

Другие названия: ярко-красный.

Открыть в редакторе

HEX-код цвета «красный» — #FF0000. В RGB это rgb(255, 0, 0), в HSL — hsl(0, 100%, 50%), а в CMYK — 0, 100, 100, 0.

Как это выглядит на самом деле

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

Цвета, похожие на цвет «красный»

Алый#FF2400Красный Ferrari#FF2800Красно-оранжевый#FF4500Неоново-оранжевый#FF5F1FОранжевый хурма#EC5800Киноварь#E34234

Цвет «красный» вкратце

Цвет «красный» (#FF0000) — тёплый, средней светлоты и очень насыщенный. Он относится к группе оттенки красного. Он состоит из 255 частей красного, 0 — зелёного и 0 — синего (из 255). Типичное применение: Логотипы, Айдентика, Мода, Веб.

Красный: образец цвета с оттенками от светлого до тёмного · #FF0000
Красный · #FF0000

Оттенки цвета «красный»: светлые и тёмные

От самого светлого к самому тёмному. Нажми на оттенок и скопируй его код.

Показать все оттенки: Генератор оттенков цвета

Цвета, которые сочетаются с цветом «красный»

Цвета, которые сочетаются с цветом «красный»: Чёрный, Белый, Тёмно-синий, Серый, Бежевый
#FF0000 · #000000 · #FFFFFF · #000080 · #808080 · #F5F5DC
ЧёрныйСильная, элегантная пара.БелыйСвежо и весело.Тёмно-синийМорская классика.СерыйУспокаивает и приглушает красный.БежевыйТёплая, элегантная основа.ЗолотойРоскошь и праздник.ВерблюжийТёплый, изысканный контраст.Пудрово-розовыйНежный, модный контраст.
Как сочетать цвет «красный» в одежде и интерьере →

Гармонии цвета «красный»

Сочетания по цветовому кругу. Больше — в инструменте гармония цветов.

КомплементарнаяБлизко к: Лазурный
АналоговыеБлизко к: Глубокий розовый, Оранжевый
ТриадаБлизко к: Неоново-зелёный, Синий
Расщеплённая комплементарнаяБлизко к: Весенний зелёный, Лазурно-синий
ТетрадаБлизко к: Шартрёз, Лазурный, Фиолетовый

Палитры с цветом «красный»

Скопируй коды или открой палитру в редакторе и настрой её.

Палитра: Монохромная · Красный
Палитра: Аналоговая · Красный
Палитра: Комплементарная · Красный
Палитра: Триада · Красный
Палитра: С нейтральными цветами · Красный
Палитра: С акцентом · Красный

Контраст цвета «красный» с текстом

Белый текстКонтраст 4.0:1 · AA крупный текст
Чёрный текстКонтраст 5.3:1 · AA

По правилам WCAG 2.1. Другие пары проверь в проверке контраста.

CSS-код

:root {
  --krasnyy: #FF0000;
  --krasnyy-rgb: 255, 0, 0;
}
.фон { background-color: var(--krasnyy); }
.текст { color: var(--krasnyy); }

Цвета, похожие на цвет «красный»

ВишнёвыйТоматныйМаково-красныйМахагоновый

Где встречается этот цвет

БоливияФлагиAtlético MadridФутбольные клубыCoca-ColaБрендыИспанияФлагиChivasФутбольные клубыYouTubeБрендыПарагвайФлагиМанчестер ЮнайтедФутбольные клубыNetflixБрендыПеруФлагиЛиверпульФутбольные клубыPinterestБренды

Другие: оттенки красного

Малиновый (кармазин)АлыйКиноварьГранатовыйБордовыйВинныйКарминовыйРубиновыйВишнёвыйКирпично-красныйКроваво-красныйМарсалаТоматныйКрасный FerrariИндийский красныйВишнёво-розовыйКларетБрусничныйГранатово-красныйБычья кровьМаково-красныйСангрия
Красный: образец цвета с оттенками от светлого до тёмного · #FF0000
Красный: образец цвета с оттенками от светлого до тёмного · #FF0000

Попробуй также

Палитра цветов из имениНапиши имя и получи собственную палитру цветовКакая у меня форма лица?Узнай форму лица, подходящие стрижки и очкиКолесо фортуныВпиши свои варианты и крути колесо. Можно и цветное
Все бесплатные инструменты →

Частые вопросы

Какой код у цвета «красный»?

HEX-код цвета «красный» — #FF0000. В RGB это rgb(255, 0, 0), в HSL — hsl(0, 100%, 50%), а в CMYK — 0, 100, 100, 0.

Какой цвет дополняет цвет «красный»?

Дополнительный цвет на цветовом круге — #00FFFF, оттенок, близкий к цвету «лазурный». В небольшом количестве он служит акцентом и даёт сильный контраст.

Можно ли использовать белый текст на цвете «красный»?

Лучше используй чёрный текст: контраст с белым всего 4.0:1, а с чёрным — 5.3:1.

С какими цветами сочетается цвет «красный»?

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