استخراج الألوان من الصورة

مطابقة ألوان تلقائية استنادًا إلى الصور والصور. قم بتحميل صورة، وحدد مخططًا لـ 10 ألوان رئيسية، وانظر كيف تتطابق على صفحة الويب.

اسحب وأسقط ملفًا أو حدد إضافة صورة
www.gradients.app — pick colors from image
{{ color.hex }}

ألوان اللمسة الرئيسية

ألوان ساطعة في الباليت، تسلط الضوء على التفاصيل المهمة وتجذب الانتباه 🔥

#{{getColor(1)}}

#{{getColor(2)}}

#{{getColor(3)}}

#{{color}}
#{{color}}

سنساعدك في اختيار لون النص والخلفية

تباين الألوان يجعل محتواك أفضل 🤩

ألوان متعتمة

مناسبة للإشعارات وبطاقات المعلومات والكتل الأخرى 👍

#{{getColor(7)}}

#{{getColor(8)}}

#{{getColor(9)}}

#{{getColor(10)}}

ألوان فاتحة

مثالية للخلفيات والقوالب 😺

#{{color}}

ألوان داكنة

يمكن استخدامها للنصوص والعناوين 📝

#{{color}}

عكس الألوان

الجانب العكسي للباليت اللوني. تتناقض بشكل جيد مع الألوان في مخططك. 🦇

#{{invertColor(getColor(1))}}
#{{invertColor(getColor(2))}}
#{{invertColor(getColor(3))}}
#{{invertColor(getColor(4))}}
#{{invertColor(getColor(5))}}
#{{invertColor(getColor(6))}}
#{{invertColor(getColor(7))}}
#{{invertColor(getColor(8))}}
#{{invertColor(getColor(9))}}
#{{invertColor(getColor(10))}}

أدوات

مرحبًا،
سعيد برؤيتك!

نسيت كلمة المرور؟

أدخل عنوان البريد الإلكتروني الذي استخدمته عند الانضمام وسنرسل لك تعليمات لإعادة تعيين كلمة المرور الخاصة بك.

إنشاء
حساب جديد

عدم تطابق كلمات المرور

تعرف على خرائط الشبكة

لقد أضفنا لك مولد خرائط الشبكة ومكتبة شبكية جديدة يمكنك إثراء خرائطها ومكتبتها بالتدرجات الخاصة بك. الآن يمكنك إنشاء تدرجات مجردة جميلة وتنزيلها ونسخ رموز CSS الخاصة بها وحفظها في لوحة التحكم الشخصية وإضافتها إلى المكتبة العامة.

سنقوم قريبًا بإضافة مولد تدرجات شعاعية!

تدرجات الشبكة