مولد مخطط ثلاثي

يحوّل مولد مخطط الألوان الثلاثي لون hex واحدًا إلى لوحة من ثلاثة ألوان بالمشي على دائرة الألوان بخطوات متساوية قدرها مئة وعشرون درجة. أدخل رمزًا أساسيًا مثل #3498db أو الشكل المختصر #abc؛ تحوّل الأداة اللون إلى درجة لونية وتشبع وإضاءة، وتُبقي التشبع والإضاءة ثابتين، وتنتج ثلاثة أعضاء عند إزاحات درجة لونية قدرها صفر، زائد مئة وعشرين، وزائد مئتين وأربعين درجة. تتلقى قيم hex مُطبَّعة، وقنوات RGB، وتفصيلات HSL، ومصفوفة مخطط، وخطوط دوران خطوة بخطوة يمكنكم التأكيد عليها في الاختبارات أو إدراجها في ملف رموز تصميم. فرق العلامات التي توازن لمسات ثانوية جريئة، ومطورو الواجهة الأمامية الذين يبنون رموز السمات، والطلاب الذين يتعلمون تناغم الألوان يحتاجون جميعًا إلى نفس الخريطة الثلاثية الحتمية دون فتح حزمة تصميم كاملة.

ما المخطط الثلاثي ولماذا يعمل التباعد بمقدار 120°

يضع التناغم الثلاثي ثلاث صبغات عند رؤوس مثلث متساوي الأضلاع على دائرة الدرجة اللونية: يجلس كل لون على بعد مئة وعشرين درجة من التالي، فلا تهيمن صبغة واحدة بينما تبقى الثلاثة متساوية التباعد. تستخدم أنظمة التصميم هذا الهيكل عندما تحتاج العلامة إلى لون أساسي للهوية مع لمستين داعمتين لا تزالان مترابطتين لا عشوائيتين.

ينفّذ المولد النموذج الكلاسيكي في فضاء HSL: يحوّل hex المدخل إلى أعداد صحيحة للأحمر والأخضر والأزرق، ويرسم تلك القنوات إلى درجة لونية بالدرجات وتشبع وإضاءة ككسور، ثم يصدر ثلاثة ألوان تشترك في التشبع والإضاءة الأصليين بينما تقع درجاتها عند الزاوية الأساسية، والأساس زائد مئة وعشرين، والأساس زائد مئتين وأربعين، كل منها ملفوف في النطاق نصف المفتوح من صفر إلى ثلاثمئة وستين. الإبقاء على التشبع والإضاءة ثابتين مقصود—فقصد البحث الثلاثي هو دوران متوازن للدرجة اللونية لا ابتكار منحدرات قيمة أو كروما جديدة—لذلك يُنتج أزرق باستيل رفقاء باستيل وأحمر مشبع رفقاء مشبعين.

عندما يكون الإدخال قريبًا من الرمادي، يكون التشبع قريبًا من الصفر وقد تبدو قيم hex الثلاث متشابهة؛ هذه فيزياء صحيحة لا خلل، لأن الألوان عديمة اللونية ليس لها درجة لونية ذات معنى للدوران. غالبًا ما يقرن المعلمون هذه الأداة بدروس التكامل (مئة وثمانون درجة) والمتجاورة (خطوات مجاورة صغيرة) ليرى الطلاب كيف يغيّر التباعد على العجلة التوتر البصري. تسرد الاستجابة دائمًا الأدوار primary وsecondary وtertiary حتى تستطيع الوثائق وخصائص CSS المخصصة الربط بسلاسة إلى --color-primary و--color-secondary و--color-tertiary دون إعادة ترتيب يدوي.

نصائح عملية وحدود وعمليات بحث ذات صلة

ابدأوا من لون العلامة أو الواجهة الذي تثقون به أصلًا لا من نقطة عشوائية على العجلة؛ العضو primary هو الدرجة اللونية المدخلة عند إزاحة صفر بعد رحلة HSL ذهابًا وإيابًا، وقد يختلف بوحدة قناة واحدة عن hex الأصلي لأن RGB إلى HSL إلى RGB يُكمَّم إلى قنوات ثماني بتات. فضّلوا قيم تصدير بست خانات من Figma أو دليل أسلوب عندما تحتاجون إلى ثوابت مستقرة بالبكسل؛ يُقبل الاختصار ثلاثي الخانات ويُوسَّع بقاعدة المضاعفة القياسية في CSS قبل التحويل.

لا تمرّروا أشكال ألفا مثل #RRGGBBAA—تستهدف هذه الصفحة hex الكلاسيكي غير الشفاف فقط حتى تظهر الأطوال غير الصالحة فورًا. الألوان المسماة في CSS مثل tomato خارج النطاق؛ حلّوها أولًا إلى hex أو استخدموا جدول ألوان مسماة. عند كتابة اختبارات الوحدة، غطّوا حالة ست خانات زاهية واحدة على الأقل، وتوسيعًا ثلاثي الخانات، وإدخالًا قريبًا من الرمادي، وhex غير صالح متعمدًا حتى تُقفل رياضيات التناغم والتحقق معًا.

تستهدف هذه الصفحة من يبحث عن مولد مخطط ألوان ثلاثي أو لوحة بمئة وعشرين درجة أو أداة عجلة ثلاثية مجانية عبر الإنترنت؛ وليست محولًا كاملًا متعدد الفضاءات ولا مستخرج لوحة من صورة ولا حالًّا تكميليًا فقط أو رباعيًا بأربعة ألوان. فضّلوا هذه القدرة عندما تحتاجون إلى ثلاث درجات لونية متساوية التباعد تمامًا من رمز hex واحد؛ وإن احتجتم فقط إلى تقسيم القنوات بلا تناغم فاستخدموا محول hex إلى RGB.