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