О золотом цвете
Золотой (gold) — средний, яркий жёлтый цвет с HEX-кодом #ffd700, или rgb(255, 215, 0). В HSL его тон — 51°, насыщенность 100%, светлота 50%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: gold;.
Использование золотого цвета для текста и фона
| Пара | Коэффициент контраста | WCAG |
|---|---|---|
| Золотой текст на белом | 1.40 : 1 | не проходит |
| Золотой текст на чёрном | 14.97 : 1 | AAA |
На золотом фоне используйте чёрный текст (14.97 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары можно проверить в Проверке контраста.
CSS
.element {
color: gold; /* or #ffd700 */
background-color: #ffd700;
border: 1px solid rgb(255 215 0 / 50%);
}Похожие именованные цвета
Жёлтый (#ffff00), Оранжевый (#ffa500), Голденрод (#daa520), Тёмно-оранжевый (#ff8c00), Зелёно-жёлтый (#adff2f), Тёмный голденрод (#b8860b).
Определитель названий цветов
Вставьте HEX-код, чтобы получить ближайшее понятное название цвета и удобные имена токенов для CSS, SCSS, JavaScript или конфигурации Tailwind.
Часто задаваемые вопросы
Какой HEX-код у золотого цвета?
#ffd700 — это rgb(255, 215, 0) и hsl(51, 100%, 50%). В CSS можно также просто написать gold.
Читается ли золотой текст на белом фоне?
Коэффициент контраста на белом — 1.40 : 1, это не проходит WCAG. Используйте его для декора или на тёмном фоне.
Какие цвета хорошо сочетаются с золотым?
Комплементарный цвет — #0026ff; аналоговые #ff5900 и #a6ff00 стоят рядом с ним на цветовом круге.