أنشئ تدرجات لونية مذهلة وولد لوحات ألوان مخصصة عبر الإنترنت مجانًا. اختر ألوان البداية والنهاية، واضبط حجم اللوحة، وانسخ كود CSS أو الألوان السداسية الفردية. مثالي لتصميم الويب، التصميم الجرافيكي، والمشاريع الإبداعية.

اختر لون البداية
اختر لون البداية باستخدام منتقي الألوان أو أدخل رمز الهيكس مباشرة في حقل النص. سيكون هذا هو اللون الأول في تدرجك.
اختر لون النهاية
اختر لون النهاية باستخدام منتقي الألوان الثاني أو إدخال الهيكس. هذا ينشئ نقطة نهاية انتقال اللون لتدرجك.
اضبط حجم اللوحة
استخدم شريط التمرير لتحديد عدد الألوان التي تريدها في لوحتك (3-12 لونًا). المزيد من الألوان ينشئ انتقالات أكثر سلاسة.
انسخ الألوان و CSS
انقر على أي لون لنسخ رمز الهيكس الخاص به، استخدم 'نسخ CSS' لكود التدرج، أو 'نسخ الكل' للوحة الألوان الكاملة.
منتقي ألوان تفاعلي
اختر ألوان البداية والنهاية باستخدام منتقي الألوان البديهي أو أدخل قيم الهيكس مباشرة للتحكم الدقيق في الألوان
حجم لوحة ألوان قابل للتخصيص
أنشئ لوحات ألوان تتراوح من 3 إلى 12 لونًا، مع انتقالات سلسة بين ألوان البداية والنهاية التي اخترتها
معاينة حية للتدرج
شاهد تدرجك اللوني في الوقت الفعلي مع معاينة بصرية جميلة تتحدث فورًا عند ضبط الألوان
نسخ بنقرة واحدة
انسخ الألوان السداسية الفردية، أو كود تدرج CSS، أو لوحات الألوان بأكملها إلى الحافظة بنقرة واحدة
لوحة الألوان المتدرجة هي مجموعة من الألوان التي تنتقل بسلاسة من لون إلى آخر، مما يخلق نظامًا لونيًا متناغمًا. هذه اللوحات ضرورية في أعمال التصميم، حيث تساعد على إنشاء تجارب بصرية متماسكة في مواقع الويب والتطبيقات ومشاريع التصميم الجرافيكي. يقوم صانع لوحات التدرج لدينا بتوليد ألوان وسيطة عن طريق استيفاء قيم RGB بين ألوان البداية والنهاية التي اخترتها، مما يضمن انتقالات ألوان سلسة وطبيعية.
نتائج فورية
أنشئ لوحات ألوان جميلة فورًا مع معاينة حية. لا انتظار، لا معالجة - شاهد تدرجك يتحدث في الوقت الفعلي أثناء إجراء التغييرات.
سهل للمطورين
احصل على كود تدرج CSS جاهز للاستخدام وقيم ألوان هيكس يمكنك استخدامها فورًا في مشاريع الويب الخاصة بك، أدوات التصميم، أو التطبيقات.
إلهام عشوائي
استخدم مولد الألوان العشوائي لاكتشاف تركيبات ألوان غير متوقعة وجميلة ربما لم تفكر بها بخلاف ذلك.
لا يتطلب تثبيت
أنشئ تدرجات الألوان مباشرة في متصفحك دون تنزيل برامج أو إنشاء حسابات. تتم جميع المعالجة محليًا لأداء سريع.
انقر على زر 'نسخ CSS' أسفل معاينة التدرج لنسخ كود linear-gradient CSS الكامل إلى حافظتك. يمكنك بعد ذلك لصقه مباشرة في ملفات CSS الخاصة بك.
نعم! يمكنك إدخال رموز ألوان الهيكس مباشرة في حقول النص بجانب كل منتقي ألوان. سيتحدث التدرج تلقائيًا عند إدخال رموز هيكس صالحة.
يمكنك إنشاء لوحات بألوان تصل إلى 12 لونًا. استخدم شريط التمرير لضبط حجم اللوحة بين 3 و 12 لونًا حسب احتياجاتك.
ينشئ مولد الألوان العشوائي لونين هيكس عشوائيين تمامًا لنقطتي البداية والنهاية، مما يمنحك تركيبات ألوان غير متوقعة وملهمة للعمل بها.
نعم! انقر على أي مربع لوني في اللوحة التي تم إنشاؤها لنسخ رمز الهيكس الخاص به إلى حافظتك. سترى رسالة تأكيد عند نسخ اللون.