Цвет Saddle Brown #8B4513

Где использовать цвет saddle brown

Цвет Saddle Brown задаётся кодом #8B4513 и значением rgb(139, 69, 19). В модели HSL его параметры составляют 25°, 76% и 31%. Ключевое слово saddlebrown поддерживается браузерами как стандартное именованное значение CSS.

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

Коричневые оттенки создают ощущение тепла, устойчивости и связи с натуральными материалами. Для Saddle Brown светлота составляет 31%, поэтому характер оттенка лучше оценивать вместе с соседними цветами и фоном.

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

• Интерьерная, ремесленная и гастрономическая тематика.
• Тёплые фоны, текстуры и природные палитры.
• Примеры CSS, прототипы и документация, где удобно использовать имя saddlebrown.

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

• Для основного текста на фоне #8B4513 сначала проверяйте белого варианта - точное соотношение контраста указано выше.
• В рабочем CSS используйте saddlebrown или эквивалентный HEX-код #8B4513.
• Для интерфейсной палитры добавьте более светлый и более тёмный варианты, а затем проверьте контраст каждой пары.

Как задать цвет saddle brown в HTML и CSS

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

.example {
  color: #ffffff;
  background-color: #8b4513;
}

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

:root {
  --color-saddlebrown: #8b4513;
}

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