Графитовый цвет Dark Slate Gray #2F4F4F

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

Графитовый #2F4F4F не является полностью нейтральным серым: в нём заметна холодная сине-зелёная примесь. Такой оттенок мягче чистого чёрного и удобен для тёмных интерфейсов, текста и технологичных поверхностей.

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

Графитовый выглядит сдержанным, современным и основательным. Он хорошо поддерживает яркие холодные акценты и не создаёт такого жёсткого контраста, как чёрный.

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

• Тёмная тема и крупные фоновые поверхности.
• Основной текст вместо чистого чёрного.
• Технологическая и архитектурная айдентика.

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

• Разделяйте графитовые поверхности более светлыми границами.
• Бирюзовый и голубой дают чистый современный акцент.
• Для второстепенного текста выбирайте заметно более светлый серый.

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

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

У этого оттенка несколько равнозначных CSS-названий: darkslategray и darkslategrey. Они дают одинаковый результат и ведут на одну страницу.

.example {
  color: #ffffff;
  background-color: #2f4f4f;
}

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

:root {
  --color-grafitovyy: #2f4f4f;
}

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