Серебряный цвет Silver #C0C0C0

Где использовать серебряный цвет

Серебряный #C0C0C0 в CSS является ровным светло-серым цветом без металлического блеска. Для имитации серебра к нему добавляют градиенты, блики и более тёмные серые участки, а как плоский оттенок он подходит спокойным нейтральным поверхностям.

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

Серебряный выглядит сдержанным, технологичным и прохладным. Рядом с белым он становится заметнее благодаря границе, а с тёмно-синим приобретает более деловой характер.

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

• Нейтральные фоны, границы и неактивные элементы.
• Технологические интерфейсы и иллюстрации металла.
• Второстепенные элементы рядом с насыщенными акцентами.

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

• Для металлического эффекта используйте несколько оттенков, а не один цвет.
• На серебряном фоне выбирайте достаточно тёмный текст.
• Отделяйте серебряные поверхности от белого заметной границей.

Как задать серебряный цвет в HTML и CSS

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

.example {
  color: #000000;
  background-color: #c0c0c0;
}

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

:root {
  --color-serebryanyy: #c0c0c0;
}

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