مُولِد درجات الألوان إنشاء درجات أغمق لأي لون مع عدد خطوات قابل للتعديل.
مُولِد درجات الألوان
إنشاء درجات أغمق لأي لون مع عدد خطوات قابل للتعديل.
اختر اللون الأساسي
حدد أي لون كنقطة بداية لك.
تعديل الخطوات
اختر عدد الدرجات الداكنة المتتالية التي تريد توليدها.
نسخ الدرجات
انسخ درجات فردية أو المجموعة الكاملة.
What Is مُولِد درجات الألوان?
مُحَوِّل درجات الألوان يخلق إصدارات مظلمة بشكل متقدم من أي لون أساسي عن طريق تقليل إضاءته بشكل منهجي في فضاء ألوان HSL. تحتفظ الدرجات بالألوان الأصلية والتشبع أثناء التحرك نحو الأسود، مما يخلق مجموعةً متناسقةً من الإصدارات المظلمة. هذا أمرٌ ضروري لنظم التصميم حيث تحتاج إلى عدة شدات للون العلامة التجارية - من الأصلي لأزرار رئيسية إلى إصدارات عميقة للنصوص والحدود وحالات التأشير. على عكس إضافة الأسود في RGB (التي يمكن أن تؤدي إلى تغيير اللون المُدرَك)، فإن نهج HSL يحافظ على هوية الألوان طوال مدى الدرجات. يسمح عدد الخطوات القابل للتعديل بإنشاء أي شيء من مجموعة درجات بسيطة ثلاثية إلى مقياس شامل بخمسة عشر خطوة.
Why Use مُولِد درجات الألوان?
-
الحفاظ على tutaristency اللون عبر جميع الدرجات باستخدام نظام HSL
-
عدد خطوات قابل للتعديل (3 إلى 15) لجميع الحالات
-
تظهر كل درجة نسبة إضاءتها للإشارة
-
مثالي لبناء نظام تصميم الألوان
-
نسخ بلمسة واحدة للدرجات الفردية أو المجموعة الكاملة
Common Use Cases
رموز التصميم
توليد سلاسل درجات مرقمة (600، 700، 800، 900) لأنظمة التصميم.
حالات التأشير
إنشاء حالات تأشير داكنة للأزرار المتوافقة مع اللون الأساسي.
ألوان النص
عثور على درجات داكنة من الألوان التجارية للعناوين والنصوص الرئيسية.
الحواف والظلال
الحصول على متغيرات داكنة للأحواف والخطوط العريضة وألوان الظلال.
Technical Guide
يُحَوِّل مُحَوِّل الدرجات لونًا أساسيًا إلى HSL ويخلق N درجات عن طريق تقليل الإضاءة من القيمة الأساسية إلى قريب من الصفر. الصيغة لكل درجة هي: L = baseLightness × (1 - i/(N-1))، حيث يتراوح i من 0 إلى N-1. هذا يخلق توزيعًا متساويًا من اللون الأصلي إلى قريب من الأسود. تظل الدرجة والتشبع ثابتين، مما يضمن أن جميع الدرجات هي نفس اللون مُدرَكًا عند مستويات مختلفة من القتام. في نظرية الألوان، الدرجة تحديدًا هي لون مخلوط مع الأسود، على عكس التinct (مخلوط مع الأبيض) أو النغمة (مخلوط مع الرمادي). نهج HSL أكثر انتظامًا مُدرَكًا من إضاءة RGB، والتي تتطلب تعديل جميع القنوات تناسبيًا.
Tips & Best Practices
-
1استخدم 9 خطوات لإنشاء مقياس نظام تصميم معيار (100-900)
-
2تعمل الدرجة الداكنة الأقوى جيدًا للنص على الخلفيات الفاتحة
-
3دمج مولدات الدرجات والدرجات لتوليد سلم ألوان كامل
-
4تعد درجات الألوان الدافئة (الأحمر، البرتقالي) خلفيات داكنة ممتازة
-
5اختبار الدرجات الداكنة للتحقق من وجود تحديد كافٍ ضد الخلفية المطلوبة
Related Tools
محدد اللون
محدد لون تفاعلي مع مخرجات HEX و RGB و HSL و CMYK.
🎨 Color Tools
مُولِّد لوحة الألوان ذات اللون الأحادي
إنشاء لوحة ألوان أحادية اللون من أي لون أساسي.
🎨 Color Tools
مُولِد تلطّخ الألوان
انشئ تدرجات أفتح لأي لون مع عدد خطوات قابل للتعديل.
🎨 Color Tools
مخلوط الألوان
اخلط لونين معًا بنسبة قابلة للتعديل وشاهد التدرج الكامل.
🎨 Color Tools
مفحص نسبة التباين
تحقق من نسب التباين حسب معايير WCAG بين الألوان الأمامية والخلفية.
🎨 Color ToolsFrequently Asked Questions
Q ما الفرق بين درجة ودرجة لون؟
Q لماذا لا تظلم في RGB؟
Q كم عدد الخطوات التي يجب استخدامها؟
About This Tool
مُولِد درجات الألوان is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.