Цвет Dark Violet #9400D3

Где использовать цвет dark violet

Цвет Dark Violet задаётся кодом #9400D3 и значением rgb(148, 0, 211). В модели HSL его параметры составляют 282°, 100% и 41%. Ключевое слово darkviolet поддерживается браузерами как стандартное именованное значение CSS.

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

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

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

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

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

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

Как задать цвет dark violet в HTML и CSS

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

.example {
  color: #ffffff;
  background-color: #9400d3;
}

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

:root {
  --color-darkviolet: #9400d3;
}

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