توليد تدريجات ألوان كاملة من 50 إلى 950 متوافقة مع ملف إعدادات Tailwind.
يُعد نظام تدرجات الألوان المتسق والمبني على 11 درجة لونية متباينة (من 50 الفاتح جداً إلى 950 الداكن المشبع) أحد أعظم أسباب النجاح البصري والتناسق الهندسي لإطار العمل الشهير Tailwind CSS. يتيح هذا الاستوديو اللوني المتطور للمطورين والمصممين توليد لوحة ألوان كاملة ومتقنة انطلاقاً من لون هوية علامتك التجارية الأساسي (Hex/RGB)، معتمداً على خوارزميات الاستيفاء الإدراكي للفضاء اللوني الحديث OKLCH لمنع تشوه الألوان في الدرجات القصوى.
يقوم المحرك بحساب التدرجات اللمعانية والصفاء اللوني بدقة رياضية مبرمجة؛ حيث يعين الدرجة 50 كخلفية خفيفة ناعمة للبطاقات بنسبة إضاءة 97%، ويثبت لونك الأصلي عند الدرجة 500 أو 600 كدرجة تفاعلية رئيسية للأزرار، ويختم اللوحة بالدرجة 950 بنسبة إضاءة 12% لتوفير ألوان نصوص وخلفيات ليلية عميقة وفائقة النقاء. على سبيل المثال، عند إدخال لون أزرق زمردي #0ea5e9، ينتج المحرك مصفوفة الـ 11 درجة بتوازن لوني استثنائي يخلو تماماً من المظهر الرمادي أو الباهت.
يوفر المولد إمكانية تصدير الكود بصيغة ملف التكوين tailwind.config.js الجاهز للنسخ الفوري داخل كائن theme.extend.colors، بالإضافة إلى متغيرات CSS المتوافقة محلياً بالكامل دون مغادرة جهازك.
استيفاء درجات الألوان: Hex ➔ Perceptual Color Space (OKLCH) ➔ Curvature Mapping [50: 97% L ➔ 500: Base L ➔ 950: 12% L] ➔ Export Code
يضمن التحويل في فضاء OKLCH الإدراكي الحفاظ على تشبع اللون وحيويته في الدرجات الداكنة والفاتحة وتفادي المظهر الطيني والرمادي المزعج.