الأصفر - المعنى، اللوحات، الألوان المكملة، والتناغمات
دليل عملي للون أصفر: الرمزية وعلم النفس، د عجلة الألوان العلاقات (المكملة، المماثلة، الثلاثية)، يمكن الوصول إليها مجموعات الألوانواللوحات القابلة للتنزيل. تحويل بين عرافة, RGB، و HSLونسخ متغيرات CSS ومعاينة الألوان المتطابقة التي تتوافق معًا.
نصيحة: اضغط يدخل داخل أي حقل لتحديث كافة القيم.
الأصفر في لمحة
يشير اللون الأصفر إلى أشعة الشمس والدفء والفضول والتفاؤل. إنه يتفوق كلون مميز لتسليط الضوء على العبارات التي تحث المستخدم على اتخاذ إجراء، وعلامات الأسعار، والتنبيهات. بالنسبة للقراءة الطويلة، يفضل استخدام الصبغات الناعمة لتوفير الراحة.
الأصفر النقي له تباين منخفض مع اللون الأبيض. للحصول على واجهة مستخدم يمكن الوصول إليها، ضع اللون الأصفر على اللون الأزرق الداكن أو الفحمي أو البنفسجي العميق. استخدم نصًا باللون الأسود أو الرمادي الداكن جدًا على خلفيات صفراء باهتة.
لوحات صفراء
تم إنشاؤها تلقائيًا الصبغات (أكثر بيضاء)، ظلال (أكثر أسود)، و نغمات (رمادي أكثر) من الأصفر الحالي. انقر فوق أي عينة لنسخ HEX. يمكنك أيضًا تنزيل لوحة PNG.
الصبغات
ظلال
نغمات
تناغمات عجلة الألوان
يستكشف مكمل أزواج الألوان، مماثل الجيران، و ثلاثي مجموعات من هذا الأصفر. تساعدك هذه المجموعات الجاهزة في العثور على الألوان التي تتناسب بشكل جيد معًا.
تخلق الألوان المتقابلة على عجلة الألوان تباينًا عاليًا لعبارات الحث على اتخاذ إجراء والشارات.
يشعر الجيران الموجودون على عجلة القيادة بالتناغم، وهو أمر رائع بالنسبة للخلفيات والتدرجات اللونية.
توفر ثلاثة ألوان متباعدة بشكل متساوٍ تباينًا متوازنًا للوحات المعلومات والرسوم البيانية.
التطبيقات وأفضل الممارسات
العلامة التجارية
يضيف اللون الأصفر الود والطاقة إلى متاجر التجزئة والمواد الغذائية ومنتجات الأطفال والعلامات التجارية الخاصة بالسفر. يمكن ارتداؤه مع الفحم أو اللون البحري العميق لتحقيق التوازن الاحترافي والطباعة القابلة للقراءة.
واجهة المستخدم وإمكانية الوصول
استخدم اللون الأصفر كنبرة للأزرار والإبرازات. بالنسبة للمحتوى الطويل، اختر الصبغات الفاتحة كخلفيات ذات نص داكن لتتوافق مع تباين WCAG.
التسويق والتعبئة والتغليف
يلفت اللون الأصفر الأنظار إلى الرفوف والخلاصات الاجتماعية. تنشئ الألوان الزرقاء أو الأرجوانية التكميلية أقسامًا رائعة للأبطال وبطاقات المنتجات.
سمات
- فوري سداسي عشري ↔ RGB ↔ HSL التحويل والمزامنة.
- اللوحات التلقائية: الصبغات والظلال والدرجات اللونية، بالإضافة إلى لوحة PNG القابلة للتنزيل.
- تناغمات عجلة الألوان: اقتراحات تكميلية، مماثلة، ثلاثية.
- سريع متغيرات CSS التصدير لأنظمة التصميم.
كيفية الاستخدام
- أدخل رمزًا سداسيًا عشريًا (على سبيل المثال
#FFD600) أو قيم RGB/HSL ثم اضغط يدخل. - انقر فوق أي عينة لنسخ HEX الخاص بها. استخدم مجموعات تكميلية أو ثلاثية للحصول على تباين قوي.
- قم بتنزيل اللوحة PNG أو انسخ متغيرات CSS والصقها في مشروعك.
- تحقق من نصائح التباين لإبقاء النص قابلاً للقراءة على واجهات المستخدم ذات اللون الأصفر الفاتح.
التعليمات
ما هي الألوان التي تتناسب مع اللون الأصفر؟
اللون البحري، الفحمي، البنفسجي العميق، والأخضر الغامق للغابات بشكل رائع. للحصول على لهجات مشرقة، استخدم اللون الأزرق السماوي أو الأرجواني التكميلي.
ما هو اللون المعاكس للأصفر؟
على عجلة RGB/HSL، يكون اللون المعاكس قريبًا أزرق سماوي (حوالي 180 درجة من اللون الأصفر).
هل يمكنني استخدام اللون الأصفر للنص الأساسي؟
عموما لا على الخلفيات الخفيفة. احتفظ باللون الأصفر للإبرازات أو الأيقونات؛ استخدم نصًا داكنًا على بطاقة صفراء باهتة بدلاً من ذلك.