مولد الألوان المتجاورة
اختر لونا أساسيا وزاوية تباعد. تعرض الأداة اللون الأساسي ومعه درجة مجاورة على كل جانب عند الزاوية المختارة، وهي الثلاثية المتجاورة الكلاسيكية، ثم تضيف درجتين خارجيتين عند ضعف تلك الزاوية لتكوين لوحة أوسع من خمسة ألوان. تعد اللوحات المتجاورة من أكثر مخططات الألوان الكلاسيكية انسجاما لأن الدرجات المتقاربة تشترك في نغمة سائدة، ولهذا تكثر في الطبيعة (الغروب، الغابات) وفي التصميم التحريري.
كيفية بناء لوحة متجاورة
-
1
اختر لون الأساس
الصق كود hex أو ثلاثية RGB أو قيمة HSL. الألوان المشبعة متوسطة الدرجة تعطي أغنى المجموعات المتجاورة.
-
2
اختر زاوية الإزاحة
30° هي المسافة الكلاسيكية للألوان المتجاورة. 15° تعطي مجموعة أضيق، شبه أحادية اللون؛ و45° تبدأ في الاقتراب من المكمل المنقسم.
-
3
اضبط اختلاف الإضاءة
يمكنك اختياريا تغيير الإضاءة عبر الدرجات الثلاث لتجنب لوحة مسطحة. تفتيح الجناحين يعطي إحساسا أكثر نعومة وتحريرية.
-
4
صدر الألوان
انسخ hex أو RGB أو HSL. مفيد لمتغيرات CSS أو أنماط Figma أو مواصفات الطباعة.
مخططات الألوان الكلاسيكية مقابل المتجاورة
| المخطط | العلاقة الزاوية | الطابع |
|---|---|---|
| أحادي اللون | 0° (الدرجة نفسها، إضاءة/تشبع مختلفان) | هادئ، موحد |
| متجاور | 30° على كل جانب | متناغم، طبيعي |
| مكمل | 180° بين اللونين | تباين عال، توتر |
| مكمل منقسم | الأساس + درجتان تحفان بالمكمل | تباين مع لمسة دقيقة |
| ثلاثي | 120° بين كل درجة | متوازن، نابض |
| رباعي | زوجان متكاملان | غني، معقد |
أمثلة للوحات متجاورة من الطبيعة
- الغروب: أصفر → برتقالي → أحمر-برتقالي (قفزات 30° على الجانب الدافئ).
- الغابة: أصفر-أخضر → أخضر → أزرق-أخضر.
- المحيط: أزرق-أخضر → أزرق → أزرق-بنفسجي.
- الخريف: أحمر-برتقالي → برتقالي → أصفر-برتقالي.
التصميم بمجموعة متجاورة
- اختر لونا واحدا بوصفه المهيمن (60% من مساحة السطح)، واستخدم الثاني للتأكيد (30%)، والثالث للإبراز (10%)، قاعدة “60-30-10”.
- زاوج الألوان المتجاورة مع لون محايد (أبيض، أسود، رمادي دافئ) لنص المتن وعناصر الواجهة.
- تجنب استخدام ثلاثة ألوان متجاورة بالتشبع نفسه في مساحات كبيرة، سيبدو ذلك موحلا. غير الإضاءة أو التشبع بين الجناحين والأساس.
فضاءات اللون وحساب الزاوية
تحسب إزاحة 30° في فضاء درجة اللون HSL أو HSV، وكلاهما يعامل درجة اللون كزاوية (0-360°). عمليات العجلة في RGB لا تعمل، إذ يجب التحويل إلى HSL، وتدوير درجة اللون، ثم التحويل مرة أخرى. هذا ما تفعله الأداة داخليا. يوفر الناتج بالصيغ الثلاث لأن CSS وأدوات التصميم وسير عمل الطباعة يفضل كل منها تنسيقا مختلفا.
الأسئلة الشائعة
الأحادية تستخدم درجة لون واحدة مع إضاءة وتشبع مختلفين (كحلي، أزرق، أزرق سماوي). المتجاورة تستخدم ثلاث درجات لون مختلفة متجاورة على العجلة (أزرق-أخضر، أزرق، أزرق-بنفسجي). المتجاورة فيها تنوع بصري أكبر.
قد تتداخل خلطات أحبار CMYK في الألوان المتجاورة، ما يقلل التباين على المطبعة. افحص نسخ المعاينة اللينة (soft-proof) وفكر في زيادة المسافة من 30° إلى 40° لأعمال الطباعة.
نعم، لكن أبق أحد الألوان الثلاثة بوصفه لون العلامة المهيمن واجعل اللونين الآخرين في أدوار مساندة (الشارات، عناصر التأكيد). استخدام الثلاثة كلها لأفعال الواجهة الأساسية يسبب ارتباكا، إذ يتعلم المستخدمون ربط لون واحد بنداء الإجراء الرئيسي.
تشكل الألوان الثلاثة الوسطى المخطط المتجاور الكلاسيكي: اللون الأساسي وجاراه عند الزاوية المختارة على الجانبين. يقع اللونان الخارجيان عند ضعف تلك الزاوية وهما خياران إضافيان لتوسيع اللوحة. مع التباعد الافتراضي 30° تقع الثلاثية عند ±30° والزوج الخارجي عند ±60°.
أدوات ذات صلة
محول ASCII إلى Hex
حوّل نص ASCII إلى قيم bytes بالنظام الست عشري. يستخدم الناتج رقمين hex لكل محرف، جاهزا لملفات memory dumps أو packet traces أو جداول firmware.
محول ASCII إلى ثنائي
حوّل أي سلسلة ASCII إلى تمثيلها الثنائي. يصبح كل محرف ثمانية بتات مفصولة بمسافات، جاهزة للصق في تتبع بروتوكول أو واجب دراسي.
محدد ألوان HEX
اختر أي لون بصريًا واحصل على قيم HEX وRGB وHSL وHSV وCMYK، مع فحص تباين الوصولية مقابل الأبيض والأسود.
مولد حروف عشوائية
أنشئ حروفًا عشوائية من A-Z. اختر العدد، وحدد الحروف الكبيرة أو الصغيرة أو المختلطة، واستخدم النتيجة للألعاب أو الأسئلة الصفية.
محول Base64 إلى Hex
حوّل سلسلة Base64 إلى بايتاتها الأساسية معروضة بالنظام الست عشري (hex). مفيد لفحص الرموز المميزة والمفاتيح والشهادات ورموز JWT.
منسق JSON
الصق JSON لتنسيقه بمسافتين أو أربع مسافات، أو تصغيره إلى ناتج مضغوط، أو فحص بنيته بسرعة قبل نسخ النتيجة.