Цвет слоновой кости Ivory #FFFFF0

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

Цвет слоновой кости #FFFFF0 отличается от белого небольшой тёплой жёлтой примесью. В CSS для него предусмотрено ключевое слово ivory. На большинстве экранов разница особенно заметна рядом с чистым белым.

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

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

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

• Тёплый фон длинных статей и каталогов.
• Интерьерная, свадебная и премиальная тематика.
• Сочетания с тёмно-синим, бордовым и коричневым.

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

• Сравнивайте ivory с белым непосредственно в макете.
• Используйте тёмный текст и заметные границы.
• Не рассчитывайте на слабое различие оттенков как на единственный визуальный сигнал.

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

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

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

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

:root {
  --color-slonovaya-kost: #fffff0;
}

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