التصميم
مولد تدرجات CSS
مولد تدرجات CSS. المدخلات: 2 colors. المخرجات: CSS linear-gradient.
افتح الأداة كل الأدوات
أدوات الألوان والتصميم عبر الإنترنت
حوّل الألوان وامزجها، وافحص التباين، وأنشئ التدرجات وتأثيرات CSS، وصدّر لوحات ألوان قابلة لإعادة الاستخدام.
الألوان والتصميمGGMET · FREE TOOLS18الأدوات
$0Core features are free
WEBNo software installation
التصميم
اختر أداة
Code and formats
التصميم
محول ألوان HEX وRGB وHSL وHSV
محول ألوان HEX وRGB وHSL وHSV. المدخلات: HEX, RGB, HSL, HSV. المخرجات: color values.
افتح الأداة
التصميم
مولد تدرج CSS شعاعي
مولد تدرج CSS شعاعي. المدخلات: 2 colors. المخرجات: CSS radial-gradient.
افتح الأداة
التصميم
مولد تدرج CSS متعدد الألوان
مولد تدرج CSS متعدد الألوان. المدخلات: color stops. المخرجات: CSS linear-gradient.
افتح الأداة
التصميم
فحص تباين WCAG
فحص تباين WCAG. المدخلات: foreground + background. المخرجات: contrast ratio.
افتح الأداة
التصميم
اختيار لون نص مقروء
اختيار لون نص مقروء. المدخلات: background color. المخرجات: light or dark text choice.
افتح الأداة
التصميم
مولد مخططات الألوان
مولد مخططات الألوان. المدخلات: base color. المخرجات: color palette.
افتح الأداة
التصميم
مزج لونين
مزج لونين. المدخلات: 2 colors. المخرجات: mixed color.
افتح الأداة
التصميم
مولد درجات الألوان
مولد درجات الألوان. المدخلات: base color. المخرجات: lighter and darker shades.
افتح الأداة
التصميم
مولد CSS box-shadow
مولد CSS box-shadow. المدخلات: CSS parameters. المخرجات: CSS box-shadow.
افتح الأداة
التصميم
مولد CSS text-shadow
مولد CSS text-shadow. المدخلات: text + shadow parameters. المخرجات: CSS text-shadow.
افتح الأداة
التصميم
مولد CSS border-radius
مولد CSS border-radius. المدخلات: corner values. المخرجات: CSS border-radius.
افتح الأداة
التصميم
مولد فلاتر الصور CSS
مولد فلاتر الصور CSS. المدخلات: image preview. المخرجات: CSS filter.
افتح الأداة
التصميم
مولد تأثير Glassmorphism
مولد تأثير Glassmorphism. المدخلات: background and panel parameters. المخرجات: CSS.
افتح الأداة
التصميم
مولد أنماط خلفية CSS
مولد أنماط خلفية CSS. المدخلات: colors and pattern settings. المخرجات: CSS background.
افتح الأداة
التصميم
مولد فواصل أقسام SVG
مولد فواصل أقسام SVG. المدخلات: shape parameters. المخرجات: SVG.
افتح الأداة
التصميم
إنشاء متغيرات CSS من لوحة ألوان
إنشاء متغيرات CSS من لوحة ألوان. المدخلات: palette. المخرجات: CSS custom properties.
افتح الأداة
التصميم
تصدير لوحة الألوان
تصدير لوحة الألوان. المدخلات: palette. المخرجات: CSS, JSON, SVG, PNG.
افتح الأداةأدوات الألوان والتصميم عبر الإنترنت
هل أحتاج إلى حساب؟
لا. تتوفر الوظائف الأساسية للأدوات من دون تسجيل.
هل يحفظ GGMet ملفاتي؟
لا. تُستخدم الملفات المحددة لإنشاء النتيجة المطلوبة فقط، ولا يحفظها GGMet.
ما الذي يحدد حد المعالجة؟
يعتمد الحد العملي على حجم الملفات ونوع العملية والذاكرة المتاحة في جهازك.