Фиолетовый цвет Purple #800080

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

В CSS название purple соответствует коду #800080 - смеси равных красного и синего каналов средней интенсивности. Это достаточно тёмный и выразительный оттенок, который хорошо держит белый текст и подходит для заметных акцентов.

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

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

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

• Творческие и образовательные проекты.
• Акцентные кнопки, бейджи и иллюстрации.
• Градиенты вместе с синим, розовым или красным.

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

• Разбавляйте насыщенный фиолетовый нейтральными поверхностями.
• Для спокойного интерфейса используйте лавандовые фоны.
• Проверяйте различимость фиолетового и синего в небольших элементах диаграмм.

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

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

.example {
  color: #ffffff;
  background-color: #800080;
}

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

:root {
  --color-fioletovyy: #800080;
}

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