Цвет Sandy Brown #F4A460

Sandy Brown - средний по светлоте, насыщенный коричневый или земляной.

CSS-имя sandybrown
RGB 244 · 164 · 96
HSL 28° · 87% · 67%
CSS Color Profile
sandybrown #F4A460
На этой странице
Цвет #F4A460 sandybrown
Коды цвета

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

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

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

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

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

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

Оттенки цвета Sandy Brown

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

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

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

Сочетания с цветом Sandy Brown

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

Контрастная

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

Аналоговая

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

Монохромная

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

О цвете

Где использовать цвет sandy brown

Цвет Sandy Brown задаётся кодом #F4A460 и значением rgb(244, 164, 96). В модели HSL его параметры составляют 28°, 87% и 67%. Ключевое слово sandybrown поддерживается браузерами как стандартное именованное значение CSS.

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

Коричневые оттенки создают ощущение тепла, устойчивости и связи с натуральными материалами. Для Sandy Brown светлота составляет 67%, поэтому характер оттенка лучше оценивать вместе с соседними цветами и фоном.

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

  • Интерьерная, ремесленная и гастрономическая тематика.
  • Тёплые фоны, текстуры и природные палитры.
  • Примеры CSS, прототипы и документация, где удобно использовать имя sandybrown.

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

  • Для основного текста на фоне #F4A460 сначала проверяйте чёрного варианта - точное соотношение контраста указано выше.
  • В рабочем CSS используйте sandybrown или эквивалентный HEX-код #F4A460.
  • Для интерфейсной палитры добавьте более светлый и более тёмный варианты, а затем проверьте контраст каждой пары.

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

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

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

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

:root {
  --color-sandybrown: #f4a460;
}

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

Частые вопросы: цвет sandy brown

Какой HEX-код у цвета Sandy Brown?

Цвет Sandy Brown имеет HEX-код #F4A460. В RGB это rgb(244, 164, 96), а в HSL - hsl(28, 87%, 67%).

Как написать цвет sandy brown в CSS?

Используйте код #F4A460, функцию rgb(244 164 96), значение hsl(28 87% 67%) или стандартное ключевое слово sandybrown.

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

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

С какими цветами сочетается sandy brown?

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

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

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