Коралловый цвет Coral #FF7F50

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

Коралловый #FF7F50 находится между оранжевым, красным и розовым. Он достаточно яркий для заметного акцента, но выглядит мягче чистого красного. В интерфейсах подходит дружелюбным кнопкам, иллюстрациям и промо-блокам.

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

Коралловый воспринимается как тёплый, живой и общительный. Светлые варианты выглядят летними, тёмные приближаются к терракотовым.

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

• Акцентная кнопка и промо-элемент.
• Иллюстрации, события и lifestyle-проекты.
• Сочетания с бирюзовым, тёмно-синим и песочным.

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

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

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

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

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

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

:root {
  --color-korallovyy: #ff7f50;
}

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