Бежевый цвет Beige #F5F5DC

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

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

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

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

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

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

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

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

Как задать бежевый цвет в HTML и CSS

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

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

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

:root {
  --color-bezhevyy: #f5f5dc;
}

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