Конверзија на бои
#c59677
Варијации
Целта на овој дел е точно да се произведат нијанси (додадено чисто бело) и сенки (додадено чисто црно) на избраната боја во инкременти од 10%.
Про Совет: Користи сенки за hover состојби и сенки, нијанси за акценти и позадини.
Сенки
Потемни варијации создадени со додавање на црно на твојата основна боја.
Нијанси
Посветли варијации создадени со додавање на бело на твојата основна боја.
Чести случаи на употреба
- • Состојби на UI компоненти (hover, активен, оневозможен)
- • Создавање длабочина со сенки и акценти
- • Изградба на конзистентни системи на бои
Совет за дизајн систем
Овие варијации ја формираат основата на кохезивна палета на бои. Извези ги за да одржиш конзистентност низ целиот проект.
Комбинации на бои
Секоја хармонија има своја атмосфера. Користи хармонии за да размислуваш за комбинации на бои кои добро се вклопуваат заедно.
Како да се користи
Кликни на било која боја за да ја копираш нејзината hex вредност. Овие комбинации се математички докажани за да создадат визуелна хармонија.
Зошто е важно
Хармониите на бои создаваат баланс и предизвикуваат специфични емоции во твоите дизајни.
Комплемент
Боја и нејзината спротивна на тркалото на бои, +180 степени на нијанса. Висок контраст.
Сплит-комплементарни
Боја и две соседни на нејзиниот комплемент, +/-30 степени на нијанса од вредноста спротивна на главната боја. Смели како директен комплемент, но пофлексибилни.
Тријадни
Три бои рамномерно распоредени на тркалото на бои, секоја 120 степени на нијанса оддалечена. Најдобро е да се дозволи една боја да доминира, а другите да се користат како акценти.
Аналогни
Три бои со иста осветленост и заситеност со нијанси кои се соседни на тркалото на бои, 30 степени оддалечени. Мазни транзиции.
Монохроматски
Три бои со иста нијанса со вредности на осветленост +/-50%. Суптилни и рафинирани.
Тетрадни
Два сета на комплементарни бои, одделени со 60 степени на нијанса.
Принципи на теорија на бои
Баланс
Користи една доминантна боја, поддржи со секундарна и акцентирај умерено.
Контраст
Обезбеди доволен контраст за читливост и пристапност.
Хармонија
Боите треба да работат заедно за да создадат унифицирано визуелно искуство.
Проверувач на контраст на бои
Тестирај комбинации на бои за да се осигураш дека ги исполнуваат WCAG стандардите за пристапност за читливост на текстот.
Боја на текст
Боја на позадина
Контраст
WCAG стандарди
Напреден проверувач на контраст
Фино прилагодување со лизгачи, повеќе прегледи и повеќе
Секој е гениј. Но ако судиш риба по нејзината способност да се качува на дрво, ќе го помине целиот живот верувајќи дека е глупава.
Технички формати
Практични формати
Анализа на боја
Симулатор за слепило
Креативни аспекти
Најчесто поставувани прашања
- Која боја е #C59677?
- #C59677 е Maple Whisper – A gentle blend of earthy warmth and soft elegance, this color evokes the serene beauty of autumn leaves as they flutter to the ground, inviting moments of reflection and comfort.
- Што симболизира Maple Whisper?
- comfort, stability, connection to nature, creativity, nostalgia. In various cultures, shades reminiscent of nature, like this one, often symbolize prosperity and the bounty of the earth. In Western contexts, it can evoke the cozy feel of home, while in some Asian cultures, it signifies a connection to ancestral roots.
- Каде се користи Maple Whisper во дизајнот?
- This color tends to soothe the mind and promote feelings of safety and belonging.
- Како Maple Whisper влијае на расположението?
- warm and inviting colorCode.seoFaqMoodTraits
- Која е историјата на Maple Whisper?
- The color #C59677, known as Maple Whisper, draws inspiration from the rich hues of autumn foliage, particularly the vibrant leaves of maple trees. Historically, earth tones have been significant in art, with artists utilizing natural pigments from minerals and plants to capture the essence of landscapes and seasons. This shade has found its way into various art movements, particularly in the Impressionist era, where capturing the light and warmth of nature was paramount.
- Дали е Maple Whisper пристапна?
- colorCode.seoFaqAccessibilityAnswer Поминува WCAG AA за нормален и голем текст.