مولّد ظلال الألوان
ولّد طيفاً كاملاً من الفاتح والداكن من لون واحد — اختر خطوة التفتيح/التغميق وعدد الظلال، ثم انسخ أي قيمة فوراً.
اختر لوناً أساسياً ونسبة خطوة وعدداً — كل فاتح وداكن يُحسَب فوراً في متصفحك.
حول مولّد ظلال الألوان
أداة مولّد درجات الألوان توسّع لونًا واحدًا إلى نطاق كامل من الألوان الفاتحة والداكنة. أعطها لونًا أساسيًا وستنتج درجات أفتح تدريجيًا في جهة، ودرجات أغمق تدريجيًا في الجهة الأخرى — التدرج الكلاسيكي من 50 إلى 900 المستخدم في أنظمة التصميم الحديثة.
يشكّل المخرجات عنصران: نسبة الخطوة التي تحدد مقدار الفتوح أو الغمق في كل درجة (1–25% لكل خطوة)، والعدد الذي يحدد كم عدد الدرجات الفاتحة والداكنة التي تظهر على كل جانب من اللون الأساسي، حتى عشرة. يعرض شريط تدرج معاينة للتدرج الكامل بنظرة واحدة.
يحدث التوليد فورًا في متصفحك أثناء الكتابة — لا شيء يُرسل إلى خادم. انسخ أي قيمة فردية، أو القائمة الكاملة، أو التدرج بأكمله كمتغيرات CSS، جاهزة للإسقاط في ملف رموز تصميم أو مقياس ألوان بأسلوب Tailwind.
كيفية استخدام مولّد ظلال الألوان
- اختر لونًا أساسيًا باستخدام المنتقي أو اكتب قيمة؛ انقر "لون عشوائي" للإلهام.
- اضبط نسبة الخطوة للتحكم في مدى قوة فتوح أو غمق كل درجة.
- اختر عدد الدرجات لتحديد كم عدد الدرجات الفاتحة والداكنة التي تظهر على كل جانب.
- انقر على نموذج لون لنسخه، أو استخدم "نسخ الكل" و"نسخ متغيرات CSS" للتدرج الكامل.