Aller au contenu principal

    نحن نستخدم ملفات تعريف الارتباط

    نستخدم ملفات تعريف الارتباط لتحسين تجربتك. بمواصلة التصفح، فإنك توافق على استخدامها.

    اعرف المزيد في ملفات تعريف الارتباط و الخصوصية

    تدرج شبكي

    أنشئ تدرجات شبكية متعددة الألوان. استخدم تدرج شبكي مجاناً عبر الإنترنت دون تسجيل، مع نتائج سريعة ومعالجة آمنة داخل المتصفح.

    معاينة

    Color points

    Point 1
    Point 2
    Point 3
    Point 4

    CSS Code

    background-color: #ffffff;
background-image: 
    radial-gradient(at 20% 20%, #667eea 0px, transparent 50%),
    radial-gradient(at 80% 20%, #764ba2 0px, transparent 50%),
    radial-gradient(at 50% 80%, #f093fb 0px, transparent 50%),
    radial-gradient(at 20% 80%, #f5576c 0px, transparent 50%);

    يساعدك تدرج شبكي على العمل بالألوان مباشرة داخل المتصفح.

    صُممت الأداة للمصممين والمطورين وصناع المحتوى الذين يحتاجون إلى نتائج سريعة وموثوقة.

    Supported formats

    CSS
    PNG
    SVG
    Tailwind

    How it works

    1

    Step 1

    افتح تدرج شبكي

    2

    Step 2

    أدخل الألوان أو استوردها

    3

    Step 3

    انسخ النتيجة أو صدّرها أو أعد استخدامها

    أخطاء شائعة يجب تجنبها

    • نسيان فحص التباين قد يضعف قابلية القراءة.
    • استخدام ألوان كثيرة قد يجعل اللوحة صعبة التطبيق.

    نصائح للمحترفين

    • احفظ الألوان الأساسية كمتغيرات CSS.
    • اختبر اللوحة في الوضعين الفاتح والداكن قبل النشر.

    Privacy guaranteed: everything is processed locally in your browser.

    تتم المعالجة محلياً داخل المتصفح كلما أمكن. لا حاجة إلى حساب.

    تدرج شبكي لمشاريع الألوان

    أنشئ تدرجات شبكية متعددة الألوان.

    تدرج شبكي دون فقدان الدقة

    تجري التحويلات بقيم دقيقة (HEX، RGB، HSL، OKLCH). بدون تقريب بصري — تحصل على اللون المطابق لقصد التصميم.

    تدرج شبكي مجاناً عبر الإنترنت

    لا حاجة للتسجيل أو تحميل برامج. تدرج شبكي مجاني 100% ويعمل في أي متصفح. تشمل الخطة المجانية 10 استخدامات يوميًا.

    تدرج شبكي بسرعة وأمان

    تتم المعالجة مباشرة داخل المتصفح لأقصى سرعة. لا تُرسل البيانات إلى خوادمنا، فألوانك وملفاتك تبقى خاصة على جهازك.

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

    صدّر النتائج بصيغة HEX، RGB، HSL، CSS، JSON أو انسخها بنقرة واحدة. مثالي لمشاركة دليل الألوان مع فريقك أو توثيق نظام التصميم.

    اكتشف جميع أدوات الألوان

    استخرج، حوّل، أنشئ لوحات ألوان وتدرجات وتباينات WCAG بنقرات قليلة.

    عرض كل الأدوات

    Related tools

    تدرج CSS
    تدرج متحرك
    تأثير الزجاج
    لوحة المزاج

    أدلة ودروس

    تعلم كيفية استخدام أدواتنا من خلال أدلتنا المفصلة.

    mesh-gradient: دليل عملي حول gradients

    دليل مترجم لاستخدام mesh-gradient وفهم أفضل ممارسات gradients وتجنب الأخطاء الشائعة.

    mesh-gradient: دليل عملي حول gradients

    دليل مترجم لاستخدام mesh-gradient وفهم أفضل ممارسات gradients وتجنب الأخطاء الشائعة.

    mesh-gradient: دليل عملي حول gradients

    دليل مترجم لاستخدام mesh-gradient وفهم أفضل ممارسات gradients وتجنب الأخطاء الشائعة.

    Frequently asked questions

    نعم، الأداة متاحة مجاناً عبر الإنترنت.

    تتم المعالجة داخل المتصفح كلما أمكن لحماية بياناتك.