О цвете «Сланцево-синий»
Сланцево-синий (slateblue) — средний, умеренно насыщенный синий с HEX-кодом #6a5acd или rgb(106, 90, 205). В HSL его тон составляет 248°, насыщенность 53%, светлота 58%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: slateblue;.
Использование сланцево-синего для текста и фона
| Сочетание | Коэффициент контрастности | WCAG |
|---|---|---|
| Сланцево-синий текст на белом | 5.31 : 1 | AA |
| Сланцево-синий текст на чёрном | 3.96 : 1 | AA только для крупного текста |
На фоне сланцево-синего используйте текст белого цвета (5.31 : 1). WCAG требует не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью Contrast Checker.
CSS
.element {
color: slateblue; /* or #6a5acd */
background-color: #6a5acd;
border: 1px solid rgb(106 90 205 / 50%);
}Похожие именованные цвета
Средний сланцево-синий (#7b68ee), Королевский синий (#4169e1), Средний пурпурный (#9370db), Стальной синий (#4682b4), Сине-фиолетовый (#8a2be2), Тёмная орхидея (#9932cc).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.