مولد التدرجات الشبكية

قم بتحميل المثال، واضبط القيم، ثم قم بتشغيل الأداة.

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="240" viewBox="0 0 400 240"><rect width="400" height="240" rx="30" fill="#7c3aed"/><circle cx="200" cy="120" r="65" fill="#06b6d4"/></svg>

اللون

#7c3aed

اللون

#06b6d4

اللون

#f472b6

اللون

#fbbf24

اليسار

25

الأعلى

30

اليسار

80

الأعلى

15

اليسار

70

الأعلى

85

اليسار

15

الأعلى

90

التمويه

50

العرض (px)

800

الارتفاع (px)

500