Коричневый цвет Brown #A52A2A

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

CSS-цвет brown #A52A2A имеет выраженную красную основу и умеренную светлоту. Он органично работает в тёплых природных палитрах, оформлении еды, ремесленных продуктов и редакционных проектов.

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

Коричневый выглядит естественным, устойчивым и тёплым. Светлые оттенки напоминают дерево и песок, тёмные - шоколад, кожу и землю.

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

• Природная, гастрономическая и ремесленная тематика.
• Текст и детали на кремовом или бежевом фоне.
• Осенние иллюстрации и тёплая айдентика.

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

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

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

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

.example {
  color: #ffffff;
  background-color: #a52a2a;
}

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

:root {
  --color-korichnevyy: #a52a2a;
}

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