مولّد ظلال الألوان

كل الأدوات
مولّد ظلال الألوان
ولّد طيفاً كاملاً من الفاتح والداكن من لون واحد — اختر خطوة التفتيح/التغميق وعدد الظلال، ثم انسخ أي قيمة فوراً.
اللون الأساسي
الخطوة
%
مقدار التفتيح/التغميق لكل ظل، لكل خطوة (1–25%).
عدد الظلال
عدد الفاتح والداكن للتوليد على كل جانب من اللون الأساسي.
تدرج
الظلال المولَّدة

اختر لوناً أساسياً ونسبة خطوة وعدداً — كل فاتح وداكن يُحسَب فوراً في متصفحك.

شارك هذا
أدوات ذات صلة
مولّد لوحات الألوان

ابنِ لوحات ألوان متناسقة من عجلة ألوان تفاعلية — طبّق قواعد الانسجام مثل التناظر أو التكامل أو الثلاثي، ثم انسخ أي قيمة فوراً.
خلاّط الألوان

امزج لوناً أساسياً بلون نهاية عبر ما يصل إلى 10 خطوات — عايِن التدرج واحصل على كل ظل وانسخ أي تنسيق فوراً.
مُصدِّر اللوحة

الصق أو استورد مجموعة ألوان وصدّرها فوراً إلى متغيرات CSS وSCSS وإعداد Tailwind وJSON أو عينات SVG — الخطوة الأخيرة لأي لوحة.
مستخرج ألوان الصور

استخرج لوحة ألوان مُحسَّنة وجاهزة للنسخ من أي صورة.
عمليات البحث الشائعة
مولد درجات اللون درجات فاتحة وغامقة تفتيح وتغميق اللون درجات لون واحد مولد تدرج اللون توليد درجات اللون

أضف هذه الأداة المجانية إلى موقعك الخاص — انسخ والصق الكود أدناه.