Черно-фиолетовый градиент чаще всего собирается из тёмной базы #000000 и насыщенного фиолетового вроде #8B00FF или #6A0DAD — и именно от выбора второго цвета зависит, получится ли аккуратный переход или «грязное» пятно посередине. Слишком тёмный фиолетовый сольётся с чёрным, а слишком яркий даст резкую границу в зоне смешивания.
Эта цветовая пара популярна в оформлении интерфейсов, обоев для рабочего стола, баннеров и стриминговых оверлеев. Ниже разберём готовые коды цветов, способы задать градиент в CSS и графических редакторах, а также типичные ошибки, из-за которых переход выглядит дёшево или полосит на экране.
Какие оттенки использовать для чёрно-фиолетового градиента
Главный параметр здесь — конечный фиолетовый оттенок. Универсальные варианты, которые хорошо работают на большинстве экранов: #4B0082 (индиго), #8A2BE2 (сине-фиолетовый), #9400D3 (тёмно-фиолетовый) и #9932CC (тёмная орхидея). Чем светлее конечная точка, тем заметнее переход.
Вместо чистого чёрного #000000 дизайнеры часто берут «мягкий» чёрный — например, #0D0D0D или #121212. На OLED-экранах абсолютный чёрный даёт выключенные пиксели, и градиент в тёмной зоне может выглядеть неравномерно. Лёгкий подъём чёрной точки делает переход визуально плавнее.
| Название оттенка | HEX-код | Характер перехода |
|---|---|---|
| Индиго | #4B0082 | Глубокий, приглушённый |
| Сине-фиолетовый | #8A2BE2 | Яркий, контрастный |
| Тёмно-фиолетовый | #9400D3 | Насыщенный, «неоновый» |
| Тёмная орхидея | #9932CC | Мягкий, с розовым подтоном |
| Фиолетовый (web) | #800080 | Классический, умеренный |
Для тёмных интерфейсов поднимайте чёрную точку до #0D0D0D–#1A1A1A — градиент будет выглядеть ровнее и на OLED, и на IPS-экранах.