تبدیل رنگ
#26283b
Ebony Clay
تنوعها
هدف این بخش تولید دقیق تهرنگها (افزودن سفید خالص) و سایهها (افزودن سیاه خالص) از رنگ انتخابی شما در افزایشهای ۱۰٪ است.
نکته حرفهای: از سایهها برای حالتهای هاور و سایهها، و از تهرنگها برای برجستهسازی و پسزمینهها استفاده کنید.
سایهها
تنوعهای تیرهتر که با افزودن سیاه به رنگ پایه شما ایجاد میشوند.
تهرنگها
تنوعهای روشنتر که با افزودن سفید به رنگ پایه شما ایجاد میشوند.
موارد استفاده رایج
- • حالتهای اجزای رابط کاربری (هاور، فعال، غیرفعال)
- • ایجاد عمق با سایهها و برجستهسازیها
- • ساخت سیستمهای رنگی منسجم
نکته سیستم طراحی
این تنوعها پایهای برای یک پالت رنگی منسجم هستند. آنها را صادر کنید تا در سراسر پروژهتان ثبات را حفظ کنید.
ترکیبهای رنگی
هر هماهنگی حال و هوای خاص خود را دارد. از هماهنگیها برای ایدهپردازی ترکیبهای رنگی که به خوبی با هم کار میکنند استفاده کنید.
نحوه استفاده
روی هر رنگ کلیک کنید تا مقدار hex آن کپی شود. این ترکیبها به صورت ریاضی ثابت شدهاند که هماهنگی بصری ایجاد میکنند.
چرا مهم است
هماهنگیهای رنگی تعادل ایجاد میکنند و احساسات خاصی را در طراحیهای شما برمیانگیزند.
مکمل
یک رنگ و رنگ مخالف آن در چرخه رنگ، +180 درجه از رنگ. کنتراست بالا.
مکمل تقسیمشده
یک رنگ و دو رنگ مجاور به مکمل آن، +/-30 درجه از رنگ مخالف رنگ اصلی. جسورانه مانند مکمل مستقیم، اما متنوعتر.
سهگانه
سه رنگ که به طور مساوی در چرخه رنگ فاصله دارند، هر کدام 120 درجه از رنگ جدا هستند. بهتر است یک رنگ غالب باشد و از دیگران به عنوان برجسته استفاده شود.
همجوار
سه رنگ با روشنایی و اشباع یکسان که رنگهای آنها در چرخه رنگ مجاور هستند، 30 درجه فاصله دارند. انتقالهای نرم.
تکرنگ
سه رنگ با همان رنگ و مقادیر روشنایی +/-50%. ظریف و دقیق.
چهارگانه
دو مجموعه از رنگهای مکمل که با 60 درجه از رنگ جدا شدهاند.
اصول نظریه رنگ
تعادل
از یک رنگ غالب استفاده کن، با رنگهای ثانویه پشتیبانی کن و بهندرت از رنگهای برجسته استفاده کن.
کنتراست
اطمینان حاصل کن که کنتراست کافی برای خوانایی و دسترسی وجود دارد.
هماهنگی
رنگها باید با هم کار کنند تا یک تجربه بصری یکپارچه ایجاد کنند.
بررسی کنتراست رنگ
ترکیبهای رنگی را آزمایش کنید تا اطمینان حاصل کنید که با استانداردهای دسترسی WCAG برای خوانایی متن مطابقت دارند.
رنگ متن
رنگ پسزمینه
کنتراست
استانداردهای WCAG
بررسیکننده کنتراست پیشرفته
تنظیم دقیق با اسلایدرها، پیشنمایشهای متعدد و بیشتر
همه نابغهاند. اما اگر یک ماهی را از روی تواناییاش در بالا رفتن از درخت قضاوت کنید، تمام عمرش را با این باور زندگی خواهد کرد که احمق است.