Лавандовый цвет Lavender #E6E6FA

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

Лавандовый #E6E6FA почти белый, но содержит лёгкую сине-фиолетовую примесь. В CSS этот код доступен через ключевое слово lavender и удобен для спокойных фоновых поверхностей.

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

Лавандовый выглядит воздушным, аккуратным и расслабляющим. На большой площади он остаётся ненавязчивым и подчёркивает более насыщенные фиолетовые детали.

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

• Светлые фоны карточек и разделов.
• Творческие, wellness- и образовательные интерфейсы.
• Мягкие сочетания с сиреневым, синим и розовым.

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

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

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

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

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

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

:root {
  --color-lavandovyy: #e6e6fa;
}

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