أدوات الألوان

مولّد تدرجات CSS: خطي وشعاعي ومخروطي – مجانًا

مجانية، دون تسجيل، وتعمل في متصفحك. صمّم تدرجًا خطيًا أو شعاعيًا أو مخروطيًا بما يصل إلى 8 نقاط لونية، وشاهده مباشرة، وانسخ كود CSS. نزّله كخلفية PNG بأحجام شائعة.

النوع

نقاط الألوان

CSS

background: #ff7ac6;
background: linear-gradient(135deg, #ff7ac6 0%, #ffe14d 100%);

السطر الأول لون مصمت للأجهزة القديمة جدًا التي لا تستطيع عرض التدرجات.

ابدأ من قالب جاهز

يُنشأ على جهازك.

لماذا تستخدم مولّد تدرجات CSS

مجانية 100%
استخدمها كلما شئت. دون تسجيل ودون علامة مائية ودون تثبيت أي شيء.
الخصوصية أولًا
ما تكتبه يبقى في متصفحك ولا يُرسل إلينا أبدًا.
تعمل على أي جهاز
تعمل في متصفحك على Windows وMac وLinux وAndroid وiPhone. دون الحاجة إلى تطبيق.

طريقة استخدام مولّد تدرجات CSS

  1. اختر خطي أو شعاعي أو مخروطي، وحدّد الاتجاه.
  2. اختر الألوان واسحب كل نقطة إلى مكانها.
  3. انسخ كود CSS أو نزّل التدرج كصورة.

الأسئلة الشائعة

كيف أستخدم كود CSS؟
الصقه في القاعدة الخاصة بالعنصر الذي تريد تلوينه. السطر الأول لون احتياطي ثابت؛ والثاني هو التدرج.
ما الفرق بين الخطي والشعاعي والمخروطي؟
الخطي يمزج الألوان على امتداد خط مستقيم، والشعاعي ينتشر من المركز إلى الخارج، والمخروطي يدور حول المركز مثل عجلة الألوان.
هل يمكنني استخدام الشفافية؟
نعم. اكتب لونًا مثل rgba(47, 91, 255, 0.5) في إحدى النقاط.
هل يُرفع أي شيء؟
لا. تُنشأ التدرجات على جهازك.
هل استخدام مولّد تدرجات CSS مجاني؟
نعم. استخدامها مجاني، دون تسجيل ودون تثبيت أي شيء.

أدلة المساعدة والشرح (بالإنجليزية)

أدوات ذات صلة