Шоколадный цвет Chocolate #D2691E

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

Шоколадный #D2691E в CSS заметно светлее тёмного шоколада и содержит выраженную оранжевую составляющую. Ключевое слово chocolate удобно для тёплых природных и гастрономических палитр.

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

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

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

• Гастрономические, ремесленные и интерьерные проекты.
• Тёплые акценты, иллюстрации и сезонные материалы.
• Сочетания с кремовым, мятным и небесно-голубым.

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

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

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

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

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

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

:root {
  --color-shokoladnyy: #d2691e;
}

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