مازج الألوان — تدرّجات بين لونين

عن الأداة

أداة مازج الألوان (Color Blender) تُنشئ سلسلة من الألوان الوسيطة بين لونين تختارهما (بداية ونهاية) بعدد خطوات قابل للتحديد (من 3 إلى 20). مفيدة لبناء Gradients ناعمة في CSS، ولإنشاء حالات UI متدرّجة (Default → Hover → Active → Disabled)، ولتصميم Data Visualization بألوان متدرّجة تعكس القيم الرقمية (Heatmaps, Choropleth Maps). الأداة تدعم الخلط في فضاءات ألوان مختلفة: RGB (خلط بسيط)، HSL (يحافظ على الإشباع)، و LAB (خلط بصري أدق يحاكي إدراك العين البشرية). كل لون في السلسلة يظهر بأكواد HEX و RGB و HSL جاهزة للنسخ، ويمكن تصدير السلسلة كلها كـ CSS `linear-gradient` أو كـ Tailwind Config.

الأسئلة الشائعة

ما الفرق بين خلط RGB و LAB؟

RGB يخلط الأعداد مباشرة وقد يمرّ بألوان رمادية غير جذابة في المنتصف. LAB مبني على إدراك العين ويعطي انتقالًا بصريًا أنعم يُفضَّل للتصميم.

كم لونًا يمكن توليده؟

من 3 حتى 20 لون وسيط. للـ Data Visualization يكفي 5-9، وللـ Gradients الناعمة في CSS استخدم Gradient مباشر بدل عدد كبير من الألوان.

هل يمكن تصديره كـ CSS Gradient؟

نعم. الأداة تعرض كود `linear-gradient()` جاهز للنسخ مع كل الألوان الوسيطة، ويمكن اختيار زاوية التدرّج.

هل يعمل مع الشفافية (Alpha)؟

نعم. اختر ألوانًا بصيغة RGBA أو HSLA وسيتم خلط قناة الشفافية أيضًا خطيًا بين اللونين.