Цвет хаки Khaki #F0E68C

Где использовать цвет хаки

Цвет хаки #F0E68C в стандартной CSS-палитре заметно светлее многих тканевых и военных вариантов хаки. Это мягкий жёлто-зелёный оттенок, который хорошо работает как тёплый фон.

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

Хаки выглядит природным, спокойным и утилитарным. В зависимости от соседних цветов он может казаться песочным, травяным или винтажным.

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

• Природные, туристические и outdoor-проекты.
• Тёплые информационные блоки и фоновые поверхности.
• Сочетания с оливковым, коричневым и тёмно-синим.

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

• Для текста на светлом хаки выбирайте тёмный оттенок.
• Учитывайте, что бытовое название хаки охватывает широкую гамму.
• Добавляйте более тёмный оливковый для визуальной иерархии.

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

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

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

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

:root {
  --color-haki: #f0e68c;
}

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