Конвертація кольорів
#5d5958
Варіації
Мета цього розділу - точно створити відтінки (додано чистий білий) і тіні (додано чистий чорний) вашого обраного кольору з кроком 10%.
Порада професіонала: Використовуйте тіні для станів наведення та тіні, відтінки для підсвічування та фону.
Тіні
Темніші варіації, створені шляхом додавання чорного до вашого базового кольору.
Відтінки
Світліші варіації, створені шляхом додавання білого до вашого базового кольору.
Звичайні випадки використання
- • Стан компонентів інтерфейсу (наведення, активний, вимкнений)
- • Створення глибини за допомогою тіней та підсвічувань
- • Побудова узгоджених колірних систем
Порада для дизайн-системи
Ці варіації формують основу узгодженої колірної палітри. Експортуйте їх, щоб підтримувати узгодженість у всьому вашому проєкті.
Колірні комбінації
Кожна гармонія має свій настрій. Використовуйте гармонії, щоб придумати колірні комбінації, які добре працюють разом.
Як використовувати
Клацніть на будь-який колір, щоб скопіювати його значення hex. Ці комбінації математично доведені для створення візуальної гармонії.
Чому це важливо
Колірні гармонії створюють баланс і викликають певні емоції у ваших дизайнах.
Комплемент
Колір і його протилежність на колірному колесі, +180 градусів відтінку. Високий контраст.
Роздільно-комплементарний
Колір і два сусідні до його комплемента, +/-30 градусів відтінку від значення, протилежного основному кольору. Сміливий, як прямий комплемент, але більш універсальний.
Тріадичний
Три кольори, рівномірно розташовані на колірному колесі, кожен на 120 градусів відтінку один від одного. Найкраще дозволити одному кольору домінувати, а інші використовувати як акценти.
Аналогічний
Три кольори з однаковою яскравістю і насиченістю з відтінками, що є сусідніми на колірному колесі, на 30 градусів один від одного. Плавні переходи.
Монохроматичний
Три кольори з однаковим відтінком з яскравістю +/-50%. Тонко і вишукано.
Тетрадичний
Дві пари додаткових кольорів, розділених на 60 градусів відтінку.
Принципи колірної теорії
Баланс
Використовуй один домінуючий колір, підтримуй вторинним і акцентуй обережно.
Контраст
Забезпеч достатній контраст для читабельності та доступності.
Гармонія
Кольори повинні працювати разом, створюючи єдиний візуальний досвід.
Перевірка контрасту кольорів
Перевірте комбінації кольорів, щоб переконатися, що вони відповідають стандартам доступності WCAG для читабельності тексту.
Колір тексту
Колір фону
Контраст
Стандарти WCAG
Розширений перевірник контрасту
Тонке налаштування за допомогою повзунків, кілька попередніх переглядів та інше
Кожен є генієм. Але якщо ви судите рибу за її здатністю лазити по деревах, вона проживе все своє життя, вважаючи себе дурною.
Технічні формати
Практичні формати
Аналіз кольору
Симулятор дальтонізму
Креативні аспекти
Часті запитання
- Який колір #5D5958?
- #5D5958 це Попіл Вітряної Шкіри – Темно-теплий сірогарячий відтінок із слабким рудим підтоном і матовою глибиною. Викликає відчуття стриманої теплоти та солідної інтимності одночасно.
- Що символізує Попіл Вітряної Шкіри?
- стара шкіра та досвід, стримана елегантність, часова глибина, надійність і сталість, ламка ностальгія. У західній палітрі цей відтінок читається як «класична стриманість» і часто використовується в меблевому мистецтві. В японській естетиці схожі темні нейтрали асоціюються з вабі-сабі і визнанням краси в недосконалому і старому. У ближньосхідних інтер'єрах теплий сірий може підкреслювати натуральні матеріали та ремісничі текстури.
- Де використовується Попіл Вітряної Шкіри у дизайні?
- У просторі цей відтінок зменшує візуальний шум і підкреслює матеріальність поверхонь, роблячи інтер'єр відчутно «соліднішим». Він також відтворює відчуття укриття — простір здається більш камерним і захищеним.
- Які кольори добре поєднуються з Попіл Вітряної Шкіри?
- colorCode.seoFaqPairingAnswer #6AA6A7: М'який мутований бірюз (split-complement) додає холодного контрасту і робить теплоту відтінка більш відчутною.. #8F6B58: Тепла терракотова нота (аналогова гармонія) підсилює природну глибині і створює мальовничу, матеріальну палітру.. #7A8F58: М'який оливковий (тріадна/аналогова підтримка) додає органічної свіжості і зв'язує колір із натуральними текстурами..
- Як Попіл Вітряної Шкіри впливає на настрій?
- Стримана тепла впевненість Надає відчуття безпеки і роздумливості, сприяє концентрації й релаксу. colorCode.seoFaqMoodTraits
- Які галузі використовують Попіл Вітряної Шкіри?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- Яка історія Попіл Вітряної Шкіри?
- Цей тип темно-теплого сірого з рудуватим відливом має корені в натуральних земних пігментах — сирий і жжений умбра та охра використовувалися художниками ще в епоху Ренесансу для підмалювань і тонування шкіри. Змішуючи умбру з невеликою кількістю вугілля або чорної охри, майстри отримували подібні глибокі нейтрали для передачі фактури й тіні.
- Як використовувати Попіл Вітряної Шкіри у дизайні?
- Пам'ятайте про текстуру: цей відтінок «працює» через поверхню, а не через яскравість.colorCode.seoFaqDesignDo
- Чи є Попіл Вітряної Шкіри доступним?
- colorCode.seoFaqAccessibilityAnswerВідповідає вимогам WCAG AA для звичайного та великого тексту.