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

Колір жовтий

Найсвітліший колір колірного кола і перший, який помічає око. Він асоціюється із сонцем, літом і застереженням. Тому його бачимо на таксі, дорожніх знаках і в брендах, що хочуть виглядати життєрадісно.

Жовтий · #FFFF00

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

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

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

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

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

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

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

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

КомплементарнаБлизький до: Синій
АналоговіБлизький до: Помаранчевий, Шартрез
ТріадаБлизький до: Ціан, Маджента
Розщеплена комплементарнаБлизький до: Електрик, Фіолетовий
ТетрадаБлизький до: М’ятний, Синій, Насичений рожевий

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

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

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

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

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

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

CSS-код

:root {
  --zhovtyi: #FFFF00;
  --zhovtyi-rgb: 255, 255, 0;
}
.tlo { background-color: var(--zhovtyi); }
.tekst { color: var(--zhovtyi); }

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

ЛимоннийКанарковийФлуоресцентний жовтийЗолотийЛаймовийКукурудзянийСоняшниковийШафрановийБурштиновийЯблучно-зелений

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

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

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

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

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

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

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

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

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

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

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