Цвет Slate Blue #6A5ACD

Где использовать цвет slate blue

Цвет Slate Blue задаётся кодом #6A5ACD и значением rgb(106, 90, 205). В модели HSL его параметры составляют 248°, 53% и 58%. Ключевое слово slateblue поддерживается браузерами как стандартное именованное значение CSS.

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

Синие оттенки обычно воспринимаются спокойными, надёжными и технологичными. Для Slate Blue светлота составляет 58%, поэтому характер оттенка лучше оценивать вместе с соседними цветами и фоном.

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

• Ссылки, кнопки и информационные состояния.
• Корпоративные, образовательные и технологические продукты.
• Примеры CSS, прототипы и документация, где удобно использовать имя slateblue.

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

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

Как задать цвет slate blue в HTML и CSS

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

.example {
  color: #ffffff;
  background-color: #6a5acd;
}

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

:root {
  --color-slateblue: #6a5acd;
}

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