أنشئ لوحة ألوان متناظرة من أي لون سداسي عشري

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

اختر اللون الأساسي وحجم اللوحة

ابدأ بلون CSS سداسي عشري يتكون من ثلاثة أرقام أو ستة، مع إمكان وضع علامة الشباك في البداية أو حذفها. توسع الصيغة المختصرة قبل التحويل، ولذلك يمثل #36c و#3366cc اللون الأساسي نفسه ويعطيان النتيجة الموحدة نفسها. اختر بعد ذلك count، وهو العدد الدقيق للعينات المعادة. يجب أن يكون عدداً صحيحاً لا يقل عن واحد؛ وترفض القيمة صفر والقيم السالبة لأنها لا تصف لوحة. عندما تساوي count واحداً، يعيد المولد درجة اللون الأساسية من دون إزاحة. وعندما تساوي اثنين، يعيد الحدين عند -30 و30 درجة. ومع ثلاثة ألوان تقع القاعدة بين الحدين. تضيف الأعداد الأكبر فواصل متساوية ضمن النطاق نفسه ولا توسع الانسجام. تبقى درجة التشبع والإضاءة مساويتين للون الأساسي، فلا يتغير إلا اللون. تتضمن الاستجابة اللون الأساسي الموحد والعدد المطلوب، ثم تصف كل عينة بفهرس يبدأ من الصفر وإزاحة ذات إشارة وزاوية ملتفة على دائرة اللون وقيمة سداسية عشرية من ست خانات بأحرف صغيرة. يمكن استخدام الفهرس لأسماء الرموز الثابتة والإزاحة لتوثيق علاقة كل لون بالمصدر.

افهم التوزيع المتساوي على دائرة الألوان

تشغل الألوان المتناظرة مواقع متجاورة على دائرة اللون. تستخدم هذه القدرة نطاقاً ثابتاً يبدأ من ثلاثين درجة تحت درجة اللون الأساسية وينتهي عند ثلاثين درجة فوقها، أي بعرض إجمالي قدره ستون درجة. لكل count أكبر من واحد، تحسب المسافة بقسمة هذا العرض على count ناقص واحد. تستخدم خمسة ألوان الإزاحات -30 و-15 و0 و15 و30 درجة، بينما تستخدم أربعة ألوان -30 و-10 و10 و30. ولأن اللون دائري، فإن الإزاحة التي تتجاوز الصفر تلتف إلى جوار ثلاثمئة وستين بدلاً من أن تصبح زاوية سالبة غير صالحة. يقرأ البرنامج قنوات RGB أولاً، ويحولها إلى HSL، ويطبق كل إزاحة، ثم يعيد النتيجة إلى RGB صحيح وصيغة سداسية عشرية. يضمن التقريب الحتمي أن ينتج الإدخال نفسه JSON مطابقاً في كل مرة. الألوان المحايدة صالحة أيضاً؛ فالرمادي ذو تشبع صفري، ولذلك لا يغير تعديل درجته الرياضية قيم RGB المرئية وقد تظهر قيم سداسية عشرية مكررة عند زوايا مختلفة.

استخدم اللوحة في مسارات الإنتاج

استخدم المصفوفة المولدة عندما تكون عائلة ألوان مترابطة وقابلة للتكرار أهم من التباين الحاد. يستطيع نظام التصميم ربط الفهارس بخصائص مثل accent-1 حتى accent-5 وإعادة توليدها عند تغيير لون العلامة الأساسي. ويمكن لأداة الرسوم البيانية طلب عدد يطابق سلاسل التقرير ثم تعيين العينات حسب ترتيب المصفوفة للحفاظ على الانسجام. كما تستطيع أداة الرسم تحويل بذرة اختيرت فنياً إلى ألوان مضبوطة للتعبئة والتفاصيل، على أن تجرى تعديلات الإضاءة اللازمة للظلال بصورة منفصلة. تلائم النتيجة اختبارات اللقطات أيضاً لأنها لا تحتوي على عشوائية أو تاريخ أو استجابة شبكة أو اختلاف نموذج. احتفظ باللون الأساسي وcount بوصفهما مصدر الحقيقة بدلاً من نسخ عينات منفصلة إلى مستودعات متعددة. قبل استعمال أي لون للنص أو الأيقونات أو عناصر التحكم، افحص تباينه مع الخلفية الفعلية؛ فالانسجام المتناظر لا يضمن التوافق مع WCAG. تبلغ كلفة كل عنصر API ناجح $0.002. تحقق من count في الواجهة واعرض رسالة الخطأ إذا كان أقل من واحد أو لم يكن عدداً صحيحاً.