تبدیل رنگ
#ca4e4e
≈ Chestnut Rose
تغییرات
هدف این بخش، تولید دقیق ته رنگ‌ها (با اضافه کردن سفید خالص) و سایه‌ها (با اضافه کردن سیاه خالص) از رنگ انتخابی شما با افزایش‌های ۱۰ درصدی است.
نکته حرفه‌ای: از سایه‌ها برای حالت‌های شناور و سایه‌ها، و از ته رنگ‌ها برای هایلایت‌ها و پس‌زمینه‌ها استفاده کنید.
سایه‌ها
با اضافه کردن رنگ مشکی به رنگ پایه، رنگ‌های تیره‌تری ایجاد می‌شود.
رنگ‌ها
با اضافه کردن رنگ سفید به رنگ پایه، رنگ‌های روشن‌تری ایجاد می‌شود.
موارد استفاده رایج
- • حالت‌های کامپوننت رابط کاربری (هاور، فعال، غیرفعال)
- • ایجاد عمق با سایه‌ها و هایلایت‌ها
- • ساخت سیستم‌های رنگی ثابت
نکته سیستم طراحی
این تنوع‌ها پایه و اساس یک پالت رنگ منسجم را تشکیل می‌دهند. برای حفظ ثبات در کل پروژه، آن‌ها را خروجی بگیرید.
ترکیب رنگ‌ها
هر هارمونی حال و هوای خاص خود را دارد. از هارمونی‌ها برای ایده گرفتن در مورد ترکیب‌های رنگی که به خوبی با هم هماهنگ می‌شوند، استفاده کنید.
نحوه استفاده
برای کپی کردن مقدار هگز هر رنگ، روی آن کلیک کنید. از نظر ریاضی ثابت شده است که این ترکیب‌ها هماهنگی بصری ایجاد می‌کنند.
چرا مهم است؟
هارمونی‌های رنگی باعث ایجاد تعادل و برانگیختن احساسات خاص در طرح‌های شما می‌شوند.
مکمل
یک رنگ و متضاد آن در چرخه رنگ، +۱۸۰ درجه فام. کنتراست بالا.
تقسیم-مکمل
یک رنگ و دو رنگ مجاور مکمل آن، +/-30 درجه اختلاف رنگ از مقدار مقابل رنگ اصلی. پررنگ مانند یک مکمل مستقیم، اما تطبیق‌پذیرتر.
سه‌گانه
سه رنگ که به طور مساوی در امتداد چرخه رنگ قرار گرفته‌اند، هر کدام ۱۲۰ درجه از هم فاصله دارند. بهتر است اجازه دهید یک رنگ غالب باشد و از بقیه به عنوان رنگ‌های مکمل استفاده شود.
مشابه
سه رنگ با درخشندگی و اشباع یکسان با ته رنگ‌هایی که در چرخه رنگ مجاور هم هستند و 30 درجه از هم فاصله دارند. انتقال ملایم.
تک رنگ
سه رنگ از یک رنگمایه با مقادیر روشنایی +/-50%. ظریف و پالایش‌شده.
تترادیک
دو مجموعه از رنگ‌های مکمل، که با ۶۰ درجه رنگ از هم جدا شده‌اند.
اصول نظریه رنگ
تعادل
از یک رنگ غالب استفاده کنید، با رنگ ثانویه آن را پشتیبانی کنید و به ندرت از رنگ‌های تأکیدی استفاده کنید.
کنتراست
برای خوانایی و دسترسی‌پذیری، از کنتراست کافی اطمینان حاصل کنید.
هارمونی
رنگ‌ها باید با هم هماهنگ باشند تا یک تجربه بصری یکپارچه ایجاد کنند.
بررسی کنتراست رنگ
ترکیب رنگ‌ها را آزمایش کنید تا مطمئن شوید که با استانداردهای دسترسی WCAG برای خوانایی متن مطابقت دارند.
رنگ متن
رنگ پس زمینه
تضاد
استانداردهای WCAG
همه نابغه هستند اما اگر ماهی را بر اساس توانایی اش در بالا رفتن از درخت قضاوت کنید، تمام عمرش را با این باور که احمقانه است زندگی می کند.