تبدیل رنگ
#c8c1b1
تنوعها
هدف این بخش تولید دقیق تهرنگها (افزودن سفید خالص) و سایهها (افزودن سیاه خالص) از رنگ انتخابی شما در افزایشهای ۱۰٪ است.
نکته حرفهای: از سایهها برای حالتهای هاور و سایهها، و از تهرنگها برای برجستهسازی و پسزمینهها استفاده کنید.
سایهها
تنوعهای تیرهتر که با افزودن سیاه به رنگ پایه شما ایجاد میشوند.
تهرنگها
تنوعهای روشنتر که با افزودن سفید به رنگ پایه شما ایجاد میشوند.
موارد استفاده رایج
- • حالتهای اجزای رابط کاربری (هاور، فعال، غیرفعال)
- • ایجاد عمق با سایهها و برجستهسازیها
- • ساخت سیستمهای رنگی منسجم
نکته سیستم طراحی
این تنوعها پایهای برای یک پالت رنگی منسجم هستند. آنها را صادر کنید تا در سراسر پروژهتان ثبات را حفظ کنید.
ترکیبهای رنگی
هر هماهنگی حال و هوای خاص خود را دارد. از هماهنگیها برای ایدهپردازی ترکیبهای رنگی که به خوبی با هم کار میکنند استفاده کنید.
نحوه استفاده
روی هر رنگ کلیک کنید تا مقدار hex آن کپی شود. این ترکیبها به صورت ریاضی ثابت شدهاند که هماهنگی بصری ایجاد میکنند.
چرا مهم است
هماهنگیهای رنگی تعادل ایجاد میکنند و احساسات خاصی را در طراحیهای شما برمیانگیزند.
مکمل
یک رنگ و رنگ مخالف آن در چرخه رنگ، +180 درجه از رنگ. کنتراست بالا.
مکمل تقسیمشده
یک رنگ و دو رنگ مجاور به مکمل آن، +/-30 درجه از رنگ مخالف رنگ اصلی. جسورانه مانند مکمل مستقیم، اما متنوعتر.
سهگانه
سه رنگ که به طور مساوی در چرخه رنگ فاصله دارند، هر کدام 120 درجه از رنگ جدا هستند. بهتر است یک رنگ غالب باشد و از دیگران به عنوان برجسته استفاده شود.
همجوار
سه رنگ با روشنایی و اشباع یکسان که رنگهای آنها در چرخه رنگ مجاور هستند، 30 درجه فاصله دارند. انتقالهای نرم.
تکرنگ
سه رنگ با همان رنگ و مقادیر روشنایی +/-50%. ظریف و دقیق.
چهارگانه
دو مجموعه از رنگهای مکمل که با 60 درجه از رنگ جدا شدهاند.
اصول نظریه رنگ
تعادل
از یک رنگ غالب استفاده کن، با رنگهای ثانویه پشتیبانی کن و بهندرت از رنگهای برجسته استفاده کن.
کنتراست
اطمینان حاصل کن که کنتراست کافی برای خوانایی و دسترسی وجود دارد.
هماهنگی
رنگها باید با هم کار کنند تا یک تجربه بصری یکپارچه ایجاد کنند.
بررسی کنتراست رنگ
ترکیبهای رنگی را آزمایش کنید تا اطمینان حاصل کنید که با استانداردهای دسترسی WCAG برای خوانایی متن مطابقت دارند.
رنگ متن
رنگ پسزمینه
کنتراست
استانداردهای WCAG
بررسیکننده کنتراست پیشرفته
تنظیم دقیق با اسلایدرها، پیشنمایشهای متعدد و بیشتر
همه نابغهاند. اما اگر یک ماهی را از روی تواناییاش در بالا رفتن از درخت قضاوت کنید، تمام عمرش را با این باور زندگی خواهد کرد که احمق است.
فرمتهای فنی
فرمتهای کاربردی
تحلیل رنگ
شبیهساز نابینایی
جنبههای خلاقانه
سوالات متداول
- رنگ #C8C1B1 چیست؟
- #C8C1B1 نماد عاجِ مهآلود است – رنگی کرممانند با تهرنگ گرم زرد و خاکی که بهعنوان یک بیس نرم و کمکنتراست جلوه میکند. این سایه حس آرامش زمینی و امنیت بیتکلف را القا میکند.
- عاجِ مهآلود چه نمادی دارد؟
- سادگی موقر, پایایی, پناهگاه خانگی, قدیمگرایی آرام, طبیعیبودن بیتکلف. در فرهنگ غربی این تهرنگ اغلب بهعنوان نشانهٔ مینیمالیسمِ لوکس و «تِیمِ آرام» شناخته میشود؛ در فرهنگ خاورمیانه تهرنگهای عاجی یادآور معماری سنگی و فرشهای کهنهاند؛ در ژاپن تُنهای مشابه با زیباییِ wabi-sabi و ارزشِ کهنگی و نقصِ زیبا مرتبط میشوند.
- عاجِ مهآلود در طراحی کجا استفاده میشود؟
- در فضاها این رنگ سطوح را بزرگتر و نور را ملایمتر نشان میدهد و باعث کاهش خستگی بصری میشود. در طراحی محصول یا برند، حس اعتبار و دسترسی ایجاد کرده و از شدت رنگهای تند میکاهد.
- چه رنگهایی با عاجِ مهآلود هماهنگ هستند؟
- colorCode.seoFaqPairingAnswer #95A3C8: کنتراست مکملِ آرام — آبی خاکستریِ ملایم که تعادل سرد-گرم ایجاد میکند (complementary harmony).. #A59B87: آکسان آنالوگ تیره — تونالیتهٔ تیرهتر از خانوادهٔ گرم که ساختار و عمق میبخشد (analogous harmony).. #7B9F84: ترکیب زمینگرا با سبز مِسِیِ مات که حس طبیعی و بافتی میآفریند (split-complementary / earthy harmony)..
- چگونه عاجِ مهآلود بر حالت تاثیر میگذارد؟
- اطمینان نرم با گرمای ملایم احساس راحتیِ دوستداشتنی و قابلاعتماد به بیننده منتقل میکند. colorCode.seoFaqMoodTraits
- کدام صنایع از عاجِ مهآلود استفاده میکنند؟
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- تاریخچه عاجِ مهآلود چیست؟
- این طیف کرم-بادامی از دیرزمان در دسترس هنرمندان و معماران بوده است؛ نسخههای اولیهٔ آن با مخلوطِ سفید سرب یا کلسیت و مقدار کمی اکسید زرد (زرد اوخر) و گاهی خاکِ طبیعی ساخته میشدند که در پردهها و گچکاریها ظاهر میشد.
- چگونه میتوان از عاجِ مهآلود در طراحی استفاده کرد؟
- تعادل کنتراست: همیشه این سایه را با یک آکسان تیره یا یک بافت برجسته متعادل کنید.colorCode.seoFaqDesignDo
- آیا عاجِ مهآلود دسترسیپذیر است؟
- colorCode.seoFaqAccessibilityAnswer برای متنهای معمولی و بزرگ، الزامات WCAG AA را رعایت میکند.