تبدیل رنگ
#111112
تنوعها
هدف این بخش تولید دقیق تهرنگها (افزودن سفید خالص) و سایهها (افزودن سیاه خالص) از رنگ انتخابی شما در افزایشهای ۱۰٪ است.
نکته حرفهای: از سایهها برای حالتهای هاور و سایهها، و از تهرنگها برای برجستهسازی و پسزمینهها استفاده کنید.
سایهها
تنوعهای تیرهتر که با افزودن سیاه به رنگ پایه شما ایجاد میشوند.
تهرنگها
تنوعهای روشنتر که با افزودن سفید به رنگ پایه شما ایجاد میشوند.
موارد استفاده رایج
- • حالتهای اجزای رابط کاربری (هاور، فعال، غیرفعال)
- • ایجاد عمق با سایهها و برجستهسازیها
- • ساخت سیستمهای رنگی منسجم
نکته سیستم طراحی
این تنوعها پایهای برای یک پالت رنگی منسجم هستند. آنها را صادر کنید تا در سراسر پروژهتان ثبات را حفظ کنید.
ترکیبهای رنگی
هر هماهنگی حال و هوای خاص خود را دارد. از هماهنگیها برای ایدهپردازی ترکیبهای رنگی که به خوبی با هم کار میکنند استفاده کنید.
نحوه استفاده
روی هر رنگ کلیک کنید تا مقدار hex آن کپی شود. این ترکیبها به صورت ریاضی ثابت شدهاند که هماهنگی بصری ایجاد میکنند.
چرا مهم است
هماهنگیهای رنگی تعادل ایجاد میکنند و احساسات خاصی را در طراحیهای شما برمیانگیزند.
مکمل
یک رنگ و رنگ مخالف آن در چرخه رنگ، +180 درجه از رنگ. کنتراست بالا.
مکمل تقسیمشده
یک رنگ و دو رنگ مجاور به مکمل آن، +/-30 درجه از رنگ مخالف رنگ اصلی. جسورانه مانند مکمل مستقیم، اما متنوعتر.
سهگانه
سه رنگ که به طور مساوی در چرخه رنگ فاصله دارند، هر کدام 120 درجه از رنگ جدا هستند. بهتر است یک رنگ غالب باشد و از دیگران به عنوان برجسته استفاده شود.
همجوار
سه رنگ با روشنایی و اشباع یکسان که رنگهای آنها در چرخه رنگ مجاور هستند، 30 درجه فاصله دارند. انتقالهای نرم.
تکرنگ
سه رنگ با همان رنگ و مقادیر روشنایی +/-50%. ظریف و دقیق.
چهارگانه
دو مجموعه از رنگهای مکمل که با 60 درجه از رنگ جدا شدهاند.
اصول نظریه رنگ
تعادل
از یک رنگ غالب استفاده کن، با رنگهای ثانویه پشتیبانی کن و بهندرت از رنگهای برجسته استفاده کن.
کنتراست
اطمینان حاصل کن که کنتراست کافی برای خوانایی و دسترسی وجود دارد.
هماهنگی
رنگها باید با هم کار کنند تا یک تجربه بصری یکپارچه ایجاد کنند.
بررسی کنتراست رنگ
ترکیبهای رنگی را آزمایش کنید تا اطمینان حاصل کنید که با استانداردهای دسترسی WCAG برای خوانایی متن مطابقت دارند.
رنگ متن
رنگ پسزمینه
کنتراست
استانداردهای WCAG
بررسیکننده کنتراست پیشرفته
تنظیم دقیق با اسلایدرها، پیشنمایشهای متعدد و بیشتر
همه نابغهاند. اما اگر یک ماهی را از روی تواناییاش در بالا رفتن از درخت قضاوت کنید، تمام عمرش را با این باور زندگی خواهد کرد که احمق است.
فرمتهای فنی
فرمتهای کاربردی
تحلیل رنگ
شبیهساز نابینایی
جنبههای خلاقانه
سوالات متداول
- رنگ #111112 چیست؟
- #111112 نماد شبِ کبودِ خاموش است – ظاهری بسیار تیره با تهرنگ آبی بسیار سرد که در نگاه اول تقریباً سیاه بهنظر میرسد اما زیرنور، سردی نیلیاش آشکار میشود. این سایه حسی از وقار مرموز و آرامشی با اقتدار کمصدا ایجاد میکند.
- شبِ کبودِ خاموش چه نمادی دارد؟
- اقتدار بیآلایش, حفظ اسرار, ثبات حرفهای, لوکس کمصدا, تمرکز بر محتوا. در غرب این توناژ بهعنوان نشانهٔ جدیت و لوکس بودن در مد و طراحی صنعتی خوانده میشود؛ در ژاپن، سایههای تیرهٔ آبی با وقار و سادگی مرتبطاند؛ در خاورمیانه رنگهای بسیار تیره با وقار و گاهی تشخص سنتی همراه هستند. در هر سه فرهنگ، این رنگ بهندرت به شادکامی آشکار پیوند میخورد و بیشتر بارِ شخصیت و اعتبار دارد.
- شبِ کبودِ خاموش در طراحی کجا استفاده میشود؟
- این رنگ فضا یا رابط کاربری را بهشکل متمرکز و جدیتری درمیآورد و حواس را به محتوای کلیدی منتقل میکند. چون تقریباً سیاه است ولی آبی زیرپوستی دارد، حس حرفهای و تکنیکی را با گرایش به لوکس منتقل میکند.
- چه رنگهایی با شبِ کبودِ خاموش هماهنگ هستند؟
- colorCode.seoFaqPairingAnswer #C7A700: طلایی گرمِ مات بهعنوان کمپلمانِ مستقیم، کنتراست گرم/سرد قوی و لوکسبودن را تقویت میکند (تضاد مکمل).. #0B1636: نیلِ عمیقِ کمی روشنتر برای همخانوادهسازی و ایجاد گرادیانِ ملایم و عمق بیشتر (هارمونی آنالوگ).. #1A5F54: یک teal متعادل بهعنوان نقطهٔ تاکیدِ آرام که تضاد رنگی ملایم و حس طبیعی/پریمیوم ایجاد میکند (هارمونی تقسیممکمل)..
- چگونه شبِ کبودِ خاموش بر حالت تاثیر میگذارد؟
- اعتمادِ آرام با حضورِ مرموز احساسی از اطمینانِ کنترلشده و جذابیت مرموز بهوجود میآورد. colorCode.seoFaqMoodTraits
- کدام صنایع از شبِ کبودِ خاموش استفاده میکنند؟
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- تاریخچه شبِ کبودِ خاموش چیست؟
- سایههای بسیار تیرهٔ آبی مانند این یک پیشینهٔ ترکیبی دارند: در نساجی با ایندیگو و در نقاشی با مخلوطی از نیلی و سیاه ایجاد میشدند؛ در قرن هجدهم، پیدایش «پرشین بلو» (Prussian Blue) امکان تولید آبیهای بسیار عمیق را فراهم کرد و هنرمندان برای رسیدن به سیاهیِ ملایم، نیل یا لاجورد را با سیاههای کربنی ترکیب میکردند.
- چگونه میتوان از شبِ کبودِ خاموش در طراحی استفاده کرد؟
- حفظ کنتراست و تعادل بین عمق تاریکی و نقاط تاکیدِ رنگی؛ این رنگ کارکردش را از طریق نقاط نور و اکسنتها نشان میدهد.colorCode.seoFaqDesignDo
- آیا شبِ کبودِ خاموش دسترسیپذیر است؟
- colorCode.seoFaqAccessibilityAnswer برای متنهای معمولی و بزرگ، الزامات WCAG AA را رعایت میکند.