Палітри кольорів

Колір золотий

Золото, передане пласким кольором, без металевого блиску. Він пов’язаний з успіхом, нагородами та святами. Часто трапляється на запрошеннях, новорічних прикрасах і в люксових брендах.

Інші назви: золотистий.

Золотий · #FFD700

Колір золотий: основні дані

Колір золотий (#FFD700) — теплий, середньої світлоти і дуже насичений. Належить до групи: відтінки жовтого. Складається з 255 червоного, 215 зеленого й 0 синього (за шкалою до 255). Де його найчастіше використовують: Свята і події, Розкіш, Брендинг.

Колір золотий: світлі й темні відтінки

Від найсвітлішого до найтемнішого. Натисніть відтінок, щоб скопіювати його код.

Перегляньте всі відтінки: Генератор відтінків кольору

Кольори, що поєднуються з кольором золотий

ЧорнийНайелегантніший і найрозкішніший контраст.БілийЧисто й світло, ідеально для весіль.Темно-синійКласично й вишукано.СмарагдовийКоштовні відтінки, сповнені розкоші.ВиннийТеплий і святковий дует.Пудрово-рожевийМ’яко й романтично.БежевийТепле й стримане поєднання.ГрафітовийТемне тло, на якому золото сяє.
Як поєднувати колір золотий в одязі та інтер’єрі →

Колір золотий: колірні гармонії

Поєднання на основі колірного кола. Більше в інструменті гармонія кольорів.

КомплементарнаБлизький до: Синій
АналоговіБлизький до: Червоно-помаранчевий, Лаймовий
ТріадаБлизький до: Аквамариновий, Маджента
Розщеплена комплементарнаБлизький до: Французький синій, Синій
ТетрадаБлизький до: Неоновий зелений, Синій, Фуксія

Колір золотий: готові палітри

Скопіюйте коди або відкрийте палітру в редакторі, щоб налаштувати її.

Палітра Монохромна · Золотий
Палітра Аналогова · Золотий
Палітра Комплементарна · Золотий
Палітра Тріада · Золотий
Палітра З нейтральними · Золотий
Палітра З акцентом · Золотий

Колір золотий: контраст із текстом

Білий текстКонтраст 1.4:1 · Не рекомендовано
Чорний текстКонтраст 15.0:1 · AAA

Згідно з настановами WCAG 2.1. Інші пари перевірте в інструменті перевірка контрасту.

CSS-код

:root {
  --zolotyi: #FFD700;
  --zolotyi-rgb: 255, 215, 0;
}
.tlo { background-color: var(--zolotyi); }
.tekst { color: var(--zolotyi); }

Кольори, схожі на колір золотий

СоняшниковийКанарковийБурштиновийШафрановийЛимоннийГірчичнийКукурудзянийЖовтийСтаре золотоМедовий

Тематичні палітри з цим кольором

Інші відтінки жовтого

ЖовтийСтаре золотоГірчичнийЛимоннийБурштиновийПшеничнийМедовийКанарковийШафрановийШампаньПастельний жовтийФлуоресцентний жовтийКукурудзянийСоняшниковий

Часті запитання

Який код кольору золотий?

HEX-код кольору золотий — #FFD700. У RGB це rgb(255, 215, 0), у HSL — hsl(51, 100%, 50%), а в CMYK — 0, 16, 100, 0.

Який колір комплементарний до кольору золотий?

Комплементарний колір на колірному колі — #0028FF, відтінок, близький до кольору «синій». У невеликій кількості він працює як акцент і дає сильний контраст.

Чи можна використовувати білий текст на кольорі золотий?

Краще використовуйте чорний текст: контраст із білим лише 1.4:1, а з чорним — 15.0:1.

З якими кольорами поєднується колір золотий?

Добре поєднується з такими кольорами: чорний, білий, темно-синій, смарагдовий, винний. Не змішуйте золоте й срібне без задуму: це може виглядати безладно. І не зловживайте золотим: його надлишок здається перевантаженим.