Цвет Medium Purple #9370DB

Medium Purple - средний по светлоте, умеренно насыщенный фиолетовый.

CSS-имя mediumpurple
RGB 147 · 112 · 219
HSL 260° · 60% · 65%
CSS Color Profile
mediumpurple #9370DB
На этой странице
Цвет #9370DB mediumpurple
Коды цвета

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

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

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

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

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

Лучше: чёрный
Белый текст 3.76:1 Только крупный текст
Чёрный текст 5.58:1 AA
Светлее и темнее

Оттенки цвета Medium Purple

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

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

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

Сочетания с цветом Medium Purple

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

Контрастная

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

Аналоговая

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

Монохромная

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

О цвете

Где использовать цвет medium purple

Цвет Medium Purple задаётся кодом #9370DB и значением rgb(147, 112, 219). В модели HSL его параметры составляют 260°, 60% и 65%. Ключевое слово mediumpurple поддерживается браузерами как стандартное именованное значение CSS.

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

Фиолетовые оттенки выглядят выразительно, творчески и немного сложнее базовых синих или красных. Для Medium Purple светлота составляет 65%, поэтому характер оттенка лучше оценивать вместе с соседними цветами и фоном.

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

  • Творческие акценты и градиенты.
  • Образовательные, культурные и digital-проекты.
  • Примеры CSS, прототипы и документация, где удобно использовать имя mediumpurple.

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

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

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

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

.example {
  color: #000000;
  background-color: #9370db;
}

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

:root {
  --color-mediumpurple: #9370db;
}

.button {
  background: var(--color-mediumpurple);
}
ФорматЗначениеОсобенность
HEX#9370DBКомпактная шестнадцатеричная запись.
RGBrgb(147 112 219)Красный, зелёный и синий каналы от 0 до 255.
HSLhsl(260 60% 65%)Тон, насыщенность и светлота.
CSS-имя mediumpurple Готовое стандартное ключевое слово.
Продолжить подбор
Все коды цветов

Частые вопросы: цвет medium purple

Какой HEX-код у цвета Medium Purple?

Цвет Medium Purple имеет HEX-код #9370DB. В RGB это rgb(147, 112, 219), а в HSL - hsl(260, 60%, 65%).

Как написать цвет medium purple в CSS?

Используйте код #9370DB, функцию rgb(147 112 219), значение hsl(260 60% 65%) или стандартное ключевое слово mediumpurple.

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

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

С какими цветами сочетается medium purple?

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

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

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