زرد - معنی، پالت ها، رنگ های مکمل و هارمونی
راهنمای عملی رنگ زرد: نمادگرایی و روانشناسی، چرخ رنگ روابط (مکمل، مشابه، سه گانه)، قابل دسترس ترکیبات رنگی، و پالت های قابل دانلود. تبدیل بین HEX، RGB، و HSL، متغیرهای CSS را کپی کنید و رنگهای مطابق با هم را پیشنمایش کنید.
نکته: فشار دهید وارد کنید داخل هر فیلدی برای به روز رسانی تمام مقادیر.
زرد در یک نگاه
رنگ زرد نشانه های آفتاب، گرما، کنجکاوی و خوش بینی است. این رنگ به عنوان یک رنگ برجسته برای برجسته کردن تماس ها برای اقدام، برچسب های قیمت و هشدارها عالی است. برای خواندن طولانی، رنگ های ملایم تر را برای راحتی ترجیح دهید.
زرد خالص کنتراست کمی روی سفید دارد. برای رابط کاربری در دسترس، رنگ زرد را روی بنفش آبی، زغالی یا بنفش عمیق قرار دهید. از متن سیاه یا خاکستری بسیار تیره در پس زمینه زرد کم رنگ استفاده کنید.
پالت های زرد
به صورت خودکار تولید می شود رنگ ها (سفیدتر) سایه ها (سیاه تر) و تن (خاکستری بیشتر) از زرد فعلی. برای کپی HEX روی هر نمونه کلیک کنید. همچنین می توانید یک پالت PNG را دانلود کنید.
رنگ ها
سایه ها
تن
هارمونی چرخ رنگ
کاوش کنید مکمل جفت رنگ، مشابه همسایگان، و سه گانه مجموعه از این زرد. این ترکیب های آماده به شما کمک می کند رنگ هایی را پیدا کنید که به خوبی با هم هماهنگی دارند.
رنگ های مخالف در چرخه رنگ کنتراست بالایی برای CTA ها و نشان ها ایجاد می کنند.
همسایگان روی چرخ احساس هماهنگی دارند - برای پسزمینه و شیب عالی.
سه رنگ با فاصله یکنواخت کنتراست متعادلی را برای داشبوردها و نمودارها ارائه می دهد.
برنامه های کاربردی و بهترین روش ها
برندسازی
رنگ زرد به خرده فروشی، غذا، محصولات کودکان و برندهای مسافرتی دوستی و انرژی می بخشد. برای تعادل حرفه ای و تایپوگرافی خوانا، آن را با زغال چوب یا ناوگان عمیق جفت کنید.
رابط کاربری و دسترسی
از رنگ زرد به عنوان لهجه برای دکمه ها و هایلایت ها استفاده کنید. برای محتوای طولانی، رنگ های کم رنگ را به عنوان پس زمینه با متن تیره انتخاب کنید تا کنتراست WCAG را برآورده کنید.
بازاریابی و بسته بندی
رنگ زرد چشم را به قفسه ها و فیدهای اجتماعی می کشاند. آبی یا بنفش مکمل، بخشهای قهرمان و کارتهای محصول قابل توجهی ایجاد میکنند.
ویژگی ها
- فوری HEX ↔ RGB ↔ HSL تبدیل و همگام سازی
- پالتهای خودکار: رنگها، سایهها، رنگها، بهعلاوه پالت PNG قابل دانلود.
- هارمونی چرخ رنگ: مکمل، مشابه، پیشنهادهای سه گانه.
- سریع متغیرهای CSS صادرات برای سیستم های طراحی
نحوه استفاده
- یک HEX را وارد کنید (به عنوان مثال
#FFD600) یا مقادیر RGB/HSL را فشار دهید وارد کنید. - روی هر نمونه کلیک کنید تا HEX آن را کپی کنید. از مجموعه های مکمل یا سه گانه برای کنتراست قوی استفاده کنید.
- پالت PNG را دانلود کنید یا متغیرهای CSS را کپی کنید و در پروژه خود جایگذاری کنید.
- نکات کنتراست را بررسی کنید تا متن در رابطهای کاربری زرد روشن قابل خواندن باشد.
سوالات متداول
رنگ هایی که با زرد به خوبی ست می شوند کدامند؟
نیروی دریایی، زغال چوب، بنفش عمیق، و جنگل غنی جفت سبز به خوبی. برای لهجه های روشن، از آبی فیروزه ای یا بنفش مکمل استفاده کنید.
رنگ مخالف زرد چیست؟
در یک چرخ RGB/HSL، رنگ مخالف نزدیک است آبی فیروزه ای (حدود 180 درجه از رنگ زرد).
آیا می توانم از رنگ زرد برای متن متن استفاده کنم؟
معمولاً در پسزمینههای روشن وجود ندارد. زرد را برای برجسته یا نمادها نگه دارید. به جای آن از متن تیره روی کارت زرد کم رنگ استفاده کنید.