مستكشف عجلة الألوان

اسحب دبوسًا حول عجلة الألوان وشاهد علامات التناغم تدور معها - مكملة عند 180 درجة، وثلاثية على فترات 120 درجة، وجيران متماثلين، ومكملة منقسمة، ورباعية. قم بالتبديل بين HSL (العجلة الهندسية) وRYB (عجلة الفنان)، وقارن مدى اختلافهما، وانسخ أي مجموعة تستقر عليها كلوحة ألوان.

كيف يعمل مستكشف عجلة الألوان

  1. 1

    اسحب الدبوس حول العجلة

    يحدد الدبوس لونك الأساسي. ويمكن ضبط التشبع والإضاءة بأدوات تحكم منفصلة.

  2. 2

    اختر تناغمًا

    مكمل، متماثل، ثلاثي، مكمل منقسم، رباعي، أحادي اللون. تدور علامات التناغم مع اللون الأساسي.

  3. 3

    بدّل النموذج (HSL مقابل RYB)

    عجلة HSL متناظرة (الأحمر مقابل السماوي، الأخضر مقابل الأرجواني). أما عجلة RYB فغير متناظرة (الأحمر مقابل الأخضر، الأزرق مقابل البرتقالي) وهي أقرب إلى حدس خلط الألوان.

  4. 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 واحفظها في مساحة عملك. لا يوفر المستكشف مكتبة لوحات أو تخزينًا مرتبطًا بحساب. في المسار ذي الخطوات الأربع، تظهر إعدادات العجلة المرئية في الرابط وقد تبقى في سجل المتصفح.

أدوات ذات صلة