مستكشف عجلة الألوان
اختر اللون الأساسي
اسحب دبوسًا حول عجلة الألوان وشاهد علامات التناغم تدور معها - مكملة عند 180 درجة، وثلاثية على فترات 120 درجة، وجيران متماثلين، ومكملة منقسمة، ورباعية. قم بالتبديل بين HSL (العجلة الهندسية) وRYB (عجلة الفنان)، وقارن مدى اختلافهما، وانسخ أي مجموعة تستقر عليها كلوحة ألوان.
كيف يعمل مستكشف عجلة الألوان
-
1
اسحب الدبوس حول العجلة
يحدد الدبوس لونك الأساسي. ويمكن ضبط التشبع والإضاءة بأدوات تحكم منفصلة.
-
2
اختر تناغمًا
مكمل، متماثل، ثلاثي، مكمل منقسم، رباعي، أحادي اللون. تدور علامات التناغم مع اللون الأساسي.
-
3
بدّل النموذج (HSL مقابل RYB)
عجلة HSL متناظرة (الأحمر مقابل السماوي، الأخضر مقابل الأرجواني). أما عجلة RYB فغير متناظرة (الأحمر مقابل الأخضر، الأزرق مقابل البرتقالي) وهي أقرب إلى حدس خلط الألوان.
-
4
انسخ اللوحة
قيم HEX وRGB وHSL للون الأساسي ولكل علامة تناغم. انسخها كمتغيرات CSS أو خريطة Sass أو ملف CSV عادي.
عجلة HSL مقابل عجلة RYB
تقوم كلتا العجلتين بترتيب الألوان في دائرة، لكنهما تختلفان حول الألوان “المتضادة”:
| قاعدة | تكملة HSL | تكملة RYB |
|---|---|---|
| أحمر | سماوي | أخضر |
| برتقالي | أزرق مخضر | أزرق |
| أصفر | أزرق | أرجواني |
| أخضر | أرجواني | أحمر |
| أزرق | أصفر | برتقالي |
| أرجواني | أصفر-أخضر | أصفر |
- HSL (درجة اللون والتشبع والإضاءة): تمثيل أسطواني لمساحة sRGB يُستخدم في CSS والتصميم الرقمي. تؤدي إضافة 180° إلى اختيار الدرجة المقابلة على هذه العجلة الرقمية.
- RYB (أحمر، أصفر، أزرق): عجلة مفاهيمية تقليدية مستخدمة في تعليم الفن. يعيد المستكشف توزيع زوايا درجات اللون لتقريب هذا العرف، لكنه لا يتنبأ بنتيجة مزج الأصباغ الحقيقية.
كلاهما صالح لأهداف مختلفة. استخدم HSL للعمل على الشاشة، واستخدم RYB عندما يهمّك حدس الوسائط المرسومة بالألوان.
تعريفات التناغم على العجلة
- التكميلي: القاعدة + 180 درجة. أكبر فصل بين درجات اللون على العجلة المختارة.
- مشابه: القاعدة مع لونين مجاورين عند -30° و+30°. ناعمة وموحدة.
- الثلاثي: القاعدة + 120 درجة + 240 درجة. حيوية متوازنة.
- تكملة الانقسام: القاعدة + 150 درجة + 210 درجة. غنية دون التوتر الكامل التكميلية.
- رباعي / مربع: القاعدة + 90° + 180° + 270°. أربعة ألوان على مسافات متساوية.
- أحادية اللون: نفس اللون، مع اختلاف في الإضاءة/التشبع.
درجة الحرارة على العجلة
- النصف الدافئ: الأحمر، البرتقالي، الأصفر. يتقدم تقليديًا (يجذب العين إلى الأمام).
- النصف البارد: الأخضر، الأزرق، البنفسجي. يتراجع تقليديًا إلى الخلف.
- الألوان المحايدة: الألوان غير المشبعة؛ تنتمي إلى أي من النصفين حسب الصبغة.
الاستخدامات العملية
- استكشاف لوحة العلامة التجارية: اسحب الدبوس حتى تجد اللون المناسب، ثم تحقق من العلامات الثلاثية أو الرباعية لدعم اللكنات.
- الدراسات الفنية: اختر مرجعًا للصورة، وابحث عن اللون السائد، وانظر إلى الصور المجاورة المماثلة للحصول على تظليل أحادي اللون.
- الرسم التوضيحي: اختر زوجًا مكملاً للظلال، على سبيل المثال. بالنسبة لجسم برتقالي، قم بطلاء الظلال باللون الأزرق بدلاً من اللون البرتقالي الغامق فقط.
- نموذج التصميم الداخلي: خريطة العجلات الثلاثية للوحات الداخلية الكلاسيكية (أزرق/أصفر/أحمر في الطراز الأمريكي التقليدي؛ وأخضر/برتقالي/أرجواني في الطراز البوهيمي).
لماذا لا تكون العجلة بديهية تمامًا
يعد إدراك اللون البشري الفعلي أكثر تعقيدًا مما تقترحه أي عجلة. يحاول كل من نظام مونسل، وLAB، وOKLCH إجراء ترتيبات موحدة إدراكيًا، ولا يشكلون دائرة بسيطة - فالصفاء يختلف باختلاف الإضاءة عند كل درجة لون. بالنسبة لأعمال نظام تصميم الإنتاج، تعطي مساحات الألوان الإدراكية نتائج أنظف من العجلات؛ بالنسبة لاستكشاف الألوان بشكل مفاهيمي، لا تزال العجلة تفوز بالوضوح.
الأسئلة الشائعة
استخدم HSL للتصميم الرقمي (CSS، الشاشات، واجهة المستخدم). واستخدم RYB عندما تفكر في الطلاء أو الطباعة أو الفن التقليدي وتريد حدس التناغم التقليدي الذي تُدرّسه مدارس الفن.
يرتب النموذجان درجات اللون بطريقة مختلفة. يستخدم HSL زاوية درجة اللون في sRGB، لذا يقابل السماوي اللون الأحمر. وفي عرف RYB التقليدي يقابل الأخضر اللون الأحمر. يمثل RYB هنا تقريبًا بصريًا، وليس توقعًا لنتيجة مزج أنواع محددة من الطلاء.
للتعليم ورسم الأفكار والتواصل مع العملاء، نعم. من أجل عمل لوحة ألوان دقيقة، يستخدم المحترفون بشكل متزايد المساحات الإدراكية (LAB، OKLCH) حيث تكون الخفة والصفاء مستقلة عن اللون.
انسخ لوحة الألوان بتنسيق CSS أو Sass أو CSV واحفظها في مساحة عملك. لا يوفر المستكشف مكتبة لوحات أو تخزينًا مرتبطًا بحساب. في المسار ذي الخطوات الأربع، تظهر إعدادات العجلة المرئية في الرابط وقد تبقى في سجل المتصفح.
أدوات ذات صلة
مرجع جدول ASCII
جدول ASCII كامل من 0 إلى 127 مع التمثيل العشري والست عشري والثماني والثنائي والمرجع الرقمي في HTML لكل محرف، بما في ذلك أكواد التحكم مثل NUL وLF وDEL.
محول Base64 إلى Hex
حوّل سلسلة Base64 إلى بايتاتها الأساسية معروضة بالنظام الست عشري (hex). مفيد لفحص الرموز المميزة والمفاتيح والشهادات ورموز JWT.
مولد حروف عشوائية
أنشئ حروفًا عشوائية من A-Z. اختر العدد، وحدد الحروف الكبيرة أو الصغيرة أو المختلطة، واستخدم النتيجة للألعاب أو الأسئلة الصفية.
محول ASCII إلى Hex
حوّل نص ASCII إلى قيم bytes بالنظام الست عشري. يستخدم الناتج رقمين hex لكل محرف، جاهزا لملفات memory dumps أو packet traces أو جداول firmware.
مولد لوحة الألوان
أنشئ لوحات ألوان أحادية أو متجاورة أو مكملة أو ثلاثية أو رباعية من لون HEX أساسي، ثم صدّر متغيرات CSS جاهزة للنسخ.
محدد ألوان HEX
اختر لون HEX أو أدخله واحصل على RGB وHSL وCMYK تقريبي والسطوع النسبي ونسب التباين مع الأبيض والأسود.