Конвертація кольорів
#331f16
Варіації
Мета цього розділу - точно створити відтінки (додано чистий білий) і тіні (додано чистий чорний) вашого обраного кольору з кроком 10%.
Порада професіонала: Використовуйте тіні для станів наведення та тіні, відтінки для підсвічування та фону.
Тіні
Темніші варіації, створені шляхом додавання чорного до вашого базового кольору.
Відтінки
Світліші варіації, створені шляхом додавання білого до вашого базового кольору.
Звичайні випадки використання
- • Стан компонентів інтерфейсу (наведення, активний, вимкнений)
- • Створення глибини за допомогою тіней та підсвічувань
- • Побудова узгоджених колірних систем
Порада для дизайн-системи
Ці варіації формують основу узгодженої колірної палітри. Експортуйте їх, щоб підтримувати узгодженість у всьому вашому проєкті.
Колірні комбінації
Кожна гармонія має свій настрій. Використовуйте гармонії, щоб придумати колірні комбінації, які добре працюють разом.
Як використовувати
Клацніть на будь-який колір, щоб скопіювати його значення hex. Ці комбінації математично доведені для створення візуальної гармонії.
Чому це важливо
Колірні гармонії створюють баланс і викликають певні емоції у ваших дизайнах.
Комплемент
Колір і його протилежність на колірному колесі, +180 градусів відтінку. Високий контраст.
Роздільно-комплементарний
Колір і два сусідні до його комплемента, +/-30 градусів відтінку від значення, протилежного основному кольору. Сміливий, як прямий комплемент, але більш універсальний.
Тріадичний
Три кольори, рівномірно розташовані на колірному колесі, кожен на 120 градусів відтінку один від одного. Найкраще дозволити одному кольору домінувати, а інші використовувати як акценти.
Аналогічний
Три кольори з однаковою яскравістю і насиченістю з відтінками, що є сусідніми на колірному колесі, на 30 градусів один від одного. Плавні переходи.
Монохроматичний
Три кольори з однаковим відтінком з яскравістю +/-50%. Тонко і вишукано.
Тетрадичний
Дві пари додаткових кольорів, розділених на 60 градусів відтінку.
Принципи колірної теорії
Баланс
Використовуй один домінуючий колір, підтримуй вторинним і акцентуй обережно.
Контраст
Забезпеч достатній контраст для читабельності та доступності.
Гармонія
Кольори повинні працювати разом, створюючи єдиний візуальний досвід.
Перевірка контрасту кольорів
Перевірте комбінації кольорів, щоб переконатися, що вони відповідають стандартам доступності WCAG для читабельності тексту.
Колір тексту
Колір фону
Контраст
Стандарти WCAG
Розширений перевірник контрасту
Тонке налаштування за допомогою повзунків, кілька попередніх переглядів та інше
Кожен є генієм. Але якщо ви судите рибу за її здатністю лазити по деревах, вона проживе все своє життя, вважаючи себе дурною.
Технічні формати
Практичні формати
Аналіз кольору
Симулятор дальтонізму
Креативні аспекти
Часті запитання
- Який колір #331F16?
- #331F16 це Тютюновий Вечір – Насичений майже чорний коричневий із теплим червонуватим відтінком і низькою яскравістю. Викликає відчуття затишної грунтовності і стриманої розкоші одночасно.
- Що символізує Тютюновий Вечір?
- стабільність, зрілість, прошарок часу (патина), материнська надійність, преміум-ремісництво. У західних культурах такий темний коричневий часто асоціюють із шкіряними виробами та класичним чоловічим стилем; в японському контексті він може нагадувати природні матеріали й мінімалістську естетику; у деяких африканських традиціях глибокі коричневі відтінки пов'язані з землею й родовою пам'яттю.
- Де використовується Тютюновий Вечір у дизайні?
- У просторі цей колір заспокоює нервову систему і робить кімнату відчутно «зрілішою» та замкнутішою. Він зменшує візуальний шум і підсилює відчуття приватності, тому варто використовувати його в обмеженій кількості для зон відпочинку або переговорів.
- Які кольори добре поєднуються з Тютюновий Вечір?
- colorCode.seoFaqPairingAnswer #165153: Глибокий холодний бірюзовий — комплементарна гармонія, підсилює теплоту коричневого і додає візуального контрасту без кричущості.. #5A371F: Аналогічний теплий коричневий — створює багатошарову, текстурну палітру (аналогова гармонія) для меблів і оббивки.. #C49A5A: Пом'якшений золотисто-медовий акцент — забезпечує теплорефлекторний контраст (спліт-комплементарний підхід) і підкреслює розкішні матеріали..
- Як Тютюновий Вечір впливає на настрій?
- Заспокійлива виваженість із відтінком приватної розкоші Переважно викликає відчуття затишної надійності і впевненості. colorCode.seoFaqMoodTraits
- Які галузі використовують Тютюновий Вечір?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Яка історія Тютюновий Вечір?
- Темні коричневі відтінки, близькі до цього, мали ранні згадки з появою земляних пігментів — вендські та умберні ґрунти (raw umber, Vandyke brown) використовувалися художниками ще в середньовіччі й епоху Відродження для підмалювання й тонування. Ці пігменти були доступні як охристі та бурі барвники, а глибокі варіації отримували шляхом випалу (burnt umber) або додаванням органічних темних речовин.
- Як використовувати Тютюновий Вечір у дизайні?
- Пам'ятайте про контраст і матеріальність: цей колір працює як база для текстури й металу, а не як самостійний яскравий акцент.colorCode.seoFaqDesignDo
- Чи є Тютюновий Вечір доступним?
- colorCode.seoFaqAccessibilityAnswerВідповідає вимогам WCAG AA для звичайного та великого тексту.