Персиковый цвет Peach Puff #FFDAB9

Светлый тёплый розово-оранжевый оттенок со стандартным CSS-именем peachpuff.

CSS-имя peachpuff
RGB 255 · 218 · 185
HSL 28° · 100% · 86%
CSS Color Profile
peachpuff #FFDAB9
На этой странице
Цвет #FFDAB9 peachpuff
Коды цвета

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

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

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

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

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

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

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

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

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

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

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

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

Контрастная

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

Аналоговая

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

Монохромная

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

О цвете

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

Персиковый #FFDAB9 - очень светлый тёплый оттенок между оранжевым и розовым. В CSS ему соответствует ключевое слово peachpuff. Он подходит крупным мягким фонам и требует тёмного текста.

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

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

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

  • Фоны карточек, статей и промо-секций.
  • Lifestyle-, food- и beauty-проекты.
  • Сочетания с бирюзовым, бордовым и тёплым серым.

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

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

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

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

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

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

:root {
  --color-persikovyy: #ffdab9;
}

.button {
  background: var(--color-persikovyy);
}
ФорматЗначениеОсобенность
HEX#FFDAB9Компактная шестнадцатеричная запись.
RGBrgb(255 218 185)Красный, зелёный и синий каналы от 0 до 255.
HSLhsl(28 100% 86%)Тон, насыщенность и светлота.
CSS-имя peachpuff Готовое стандартное ключевое слово.
Продолжить подбор
Все коды цветов

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

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

Персиковый цвет имеет HEX-код #FFDAB9. В RGB это rgb(255, 218, 185), а в HSL - hsl(28, 100%, 86%).

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

Используйте код #FFDAB9, функцию rgb(255 218 185), значение hsl(28 100% 86%) или стандартное ключевое слово peachpuff.

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

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

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

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

Можно ли использовать имя peachpuff вместо кода?

Да. Ключевое слово peachpuff поддерживается в CSS и соответствует значению #FFDAB9. Числовой код удобнее, если цвет нужно передавать между макетом, кодом и другими программами.