О цвете маджента
Маджента (magenta) — средний яркий оттенок с HEX-кодом #ff00ff, или rgb(255, 0, 255). В HSL он имеет тон 300°, насыщенность 100% и светлоту 50%. CSS также принимает написание fuchsia для того же самого цвета. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: magenta;.
Использование маджента для текста и фона
| Сочетание | Коэффициент контраста | WCAG |
|---|---|---|
| Текст маджента на белом | 3.14 : 1 | только AA для крупного текста |
| Текст маджента на чёрном | 6.70 : 1 | AA |
На фоне маджента используйте чёрный текст (6.70 : 1). WCAG требует не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие сочетания можно с помощью проверки контраста.
CSS
.element {
color: magenta; /* or #ff00ff */
background-color: #ff00ff;
border: 1px solid rgb(255 0 255 / 50%);
}Похожие именованные цвета
Глубокий розовый (#ff1493), Тёмно-фиолетовый (#9400d3), Средняя орхидея (#ba55d3), Тёмная орхидея (#9932cc), Орхидея (#da70d6), Сине-фиолетовый (#8a2be2).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.