كيف تنشئ لوحة ألوان متدرجة
اختر اللون الأول والأخير بكتابة الكود أو باستخدام أداة اختيار اللون، ثم حدّد عدد الدرجات التي تريدها بينهما، من 3 إلى 12. تُحسب الألوان الوسيطة في فضاء لوني يحاكي الرؤية البشرية (OKLab)، لذلك تبدو الانتقالات بين الدرجات متساوية ولا تظهر ألوان رمادية باهتة في المنتصف.
لوحة متدرجة أم تدرج متصل
تمنحك هذه الأداة ألوانًا منفصلة مع أكوادها لتستخدمها واحدًا تلو الآخر: في مقياس Tailwind أو في الرسوم البيانية أو في عرض تقديمي أو في أقسام موقع ويب. أما إذا كنت تحتاج إلى خلفية تنتقل بسلاسة من لون إلى آخر، فاستخدم مولّد التدرج اللوني بـ CSS.
الأسئلة الشائعة
ما هي لوحة الألوان المتدرجة؟
هي سلسلة من الألوان تنتقل تدريجيًا من لون إلى آخر، مثلًا من الوردي إلى الأزرق السماوي في 7 خطوات. لكل لون كود HEX خاص به ويمكن استخدامه منفردًا.
كم لونًا يمكن أن تضم اللوحة؟
من 3 إلى 12. مع ألوان قليلة تكون الخطوات أوضح، ومع ألوان كثيرة يصبح الانتقال أنعم وتحصل على درجات أكثر للاختيار.
بأي صيغ يمكنني تصديرها؟
متغيرات CSS مع تدرج جاهز للاستخدام، أو قائمة أكواد HEX، أو إعدادات Tailwind، أو JSON، أو SVG، أو صورة PNG. ويمكنك أيضًا فتحها في مولّد لوحات الألوان لمواصلة تعديلها.
لماذا لا تبدو الدرجات الوسيطة رمادية؟
لأن المزج يُحسب في OKLab، وهو فضاء لوني مصمم وفق الرؤية البشرية. المزج المباشر في RGB بين لونين متعاكسين، مثل الوردي والأخضر، يمر بدرجات باهتة؛ أما في OKLab فيكون الانتقال أنقى وأكثر توازنًا.
هل يمكنني مشاركة لوحتي؟
نعم. يحفظ عنوان الصفحة اللونين وعدد الدرجات، فيمكنك نسخه وإرساله.
ما الفرق بينها وبين مولّد التدرج اللوني؟
مولّد التدرج اللوني ينشئ خلفية متصلة بـ CSS. أما هذه الأداة فتمنحك الألوان المنفصلة الواقعة بين لونين لتستخدمها واحدًا تلو الآخر.
هل هي مجانية؟
نعم، دون تسجيل ودون حدود. يمكنك حفظ تدرجاتك المفضلة بالضغط على القلب، وتُحفظ في هذا المتصفح.