Золотой цвет Gold #FFD700

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

Золотой #FFD700 - экранный цвет, а не имитация металлического блеска. Чтобы поверхность выглядела действительно металлической, одного кода недостаточно: используют градиенты, блики и тени. Как плоский цвет gold хорошо работает для небольших тёплых акцентов.

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

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

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

• Награды, рейтинги и премиальные функции.
• Иконки, декоративные линии и небольшие акценты.
• Праздничные и событийные материалы.

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

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

Как задать золотой цвет в HTML и CSS

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

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

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

:root {
  --color-zolotoy: #ffd700;
}

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