Кремовый цвет #FFFDD0

Очень светлый тёплый жёлто-белый оттенок с кодом #FFFDD0.

CSS-имя Нет стандартного имени
RGB 255 · 253 · 208
HSL 57° · 100% · 91%
CSS Color Profile
Нет стандартного имени #FFFDD0
На этой странице
Цвет #FFFDD0 Нет стандартного имени
Коды цвета

Значения в разных форматах

Нажмите, чтобы скопировать

CMYK - ориентировочный пересчёт без учёта печатного профиля, а не CSS-синтаксис.

Контраст текста

Минимум WCAG AA для обычного текста - 4.5:1

Лучше: чёрный
Белый текст 1.04:1 Недостаточный
Чёрный текст 20.21:1 AAA
Светлее и темнее

Оттенки кремового цвета

Шкала от светлого фона до насыщенного тёмного тона

Шкала рассчитана от исходного кода #FFFDD0. Для готовой дизайн-системы дополнительно проверьте контраст каждой пары текста и фона.

Готовые палитры

Сочетания с кремовым цветом

Три отправные точки для интерфейса или иллюстрации

Контрастная

Выразительная пара для акцентов, кнопок и небольших деталей.

Аналоговая

Соседние тона для спокойного и цельного цветового решения.

Монохромная

Один цвет разной светлоты для фона, текста и состояний элементов.

О цвете

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

Кремовый #FFFDD0 мягче чистого белого благодаря небольшой жёлтой примеси. Для этого точного кода нет отдельного стандартного CSS-имени, хотя рядом находятся именованные оттенки ivory, cornsilk и lemonchiffon.

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

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

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

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

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

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

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

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

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

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

:root {
  --color-kremovyy: #fffdd0;
}

.button {
  background: var(--color-kremovyy);
}
ФорматЗначениеОсобенность
HEX#FFFDD0Компактная шестнадцатеричная запись.
RGBrgb(255 253 208)Красный, зелёный и синий каналы от 0 до 255.
HSLhsl(57 100% 91%)Тон, насыщенность и светлота.
CSS-имя - Используйте числовой код #FFFDD0.
Продолжить подбор
Все коды цветов

Частые вопросы: кремовый цвет

Какой HEX-код у кремового цвета?

Кремовый цвет имеет HEX-код #FFFDD0. В RGB это rgb(255, 253, 208), а в HSL - hsl(57, 100%, 91%).

Как написать кремовый цвет в CSS?

Используйте код #FFFDD0, функцию rgb(255 253 208) или значение hsl(57 100% 91%). У этого оттенка нет отдельного стандартного ключевого слова CSS.

Какой текст использовать на фоне кремового цвета?

Чёрный текст даёт более высокий контраст. Соотношение с белым составляет 1.04:1, с чёрным - 20.21:1.

С какими цветами сочетается кремовый?

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

Есть ли у кремового цвета стандартное CSS-имя?

Нет. Кремовый цвет - распространённое название оттенка, но отдельного ключевого слова с таким значением в стандартной таблице CSS нет. Используйте HEX #FFFDD0, RGB или HSL.