Softonic

مولد لوحات خلفية ذات تدرج

خطوة 1 / 3
التالي

تُعد التدرجات المحيطة ثلاثية الألوان مع ضبابية قوية النمط الخلفي الشائع في كل صفحات الهبوط الخاصة بخدمات SaaS ومعظم خلفيات سطح المكتب التي صدرت خلال السنوات الأربع الماضية. تمزج هذه الأداة ثلاثة ألوان hex بزاوية قابلة للتعديل وضبابية غاوسية، وتُصدّر النتيجة بدقة تناسب سطح المكتب أو الهاتف أو خلفية جلسات Zoom.

كيفية إنشاء خلفية شاشة ذات تدرجات لونية

  1. 1

    اختر ثلاثة ألوان

    عدّل قيم hex مباشرةً، أو اضغط على "عشوائي" للحصول على مجموعة ألوان مفاجئة.

  2. 2

    حدد الزاوية

    من 0 إلى 360 درجة؛ حيث يمثل زاوية 135 درجة التداخل القطري عند غروب الشمس، بينما تمثل زاوية 90 درجة التداخل الجانبي عند شروق الشمس.

  3. 3

    اضبط الضبابية

    كلما زادت الضبابية، أخفت الحدود بين الألوان ونعّمت اللوحة بأكملها.

  4. 4

    تصدير الصورة

    قم بتنزيل الملف بدقة تتوافق مع شاشة جهازك أو هاتفك.

أحجام الإخراج الموصى بها

الهدف الدقة
سطح مكتب 4K 3840 × 2160
سطح مكتب 1440p 2560 × 1440
سطح مكتب 1080p 1920 × 1080
iPhone 15/16 1179 × 2556
Android (حديث) 1080 × 2400
خلفية Zoom الافتراضية 1920 × 1080

تلميحات لوحات ألوان تنجح دائمًا

  • زوج متكامل + محايد: أزرق، برتقالي، بيج.
  • ثلاثية متماثلة: اختر ثلاث درجات لونية ضمن نطاق 60° على عجلة الألوان، بنفسجي، ماجنتا، وردي.
  • توتر دافئ-بارد: واحد دافئ (خوخي، أحمر)، وواحد بارد (تركوازي، كحلي)، وواحد محايد (كريمي).
  • أحادي اللون: درجة لونية واحدة بثلاث قيم تُنتج خلفية هادئة متناسقة المزاج.

لماذا تهمّ الضبابية

يُظهر التدرج ذو الثلاث نقاط دون ضبابية حدودًا حادة عند نقاط التوقف اللونية (“تأثير قوس قزح”). أما filter: blur() بمقدار 60 إلى 100 بكسل على لوحة كبيرة فيُنعّم الانتقالات إلى مساحات لونية متدرجة تذكّر بخلفيات macOS Big Sur أو iOS 16.

معاينة CSS مباشرة

background: linear-gradient(135deg, #FF6B35, #7B2D26, #1E3A8A);
filter: blur(80px);

إذا كنت تفضّل تدرجًا حادًا دون ضبابية، فاخفض قيمة المرشّح إلى 0، وفكّر في التحول إلى استيفاء in oklch للحصول على مزج متجانس إدراكيًا.

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

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

يستخدم هذا المولّد ثلاثة ألوان. الألوان الإضافية تميل إلى أن تبدو كشاشة توقف، بينما الثلاثة هي الخيار الأمثل للخلفية الهادئة.

ليس بالضبط كذلك؛ فنسبة أبعاد الهاتف أكبر من نظيرتها في الحاسوب المكتبي، وبالتالي يختلف قراءة الزاوية القطرية. قم بعرض المحتوى مسبقًا عند كل حجم مستهدف، وقم بتعديل الزاوية إذا لاحظت أي خلل في العرض.

لا. يتم رسم اللوحة محليًا، ولا يغادر المتصفح إلا عند تنفيذ عملية التحميل التي تقوم بها.

أدوات ذات صلة

مرجع جدول ASCII

جدول ASCII كامل من 0 إلى 127 مع التمثيل العشري والست عشري والثماني والثنائي والمرجع الرقمي في HTML لكل محرف، بما في ذلك أكواد التحكم مثل NUL وLF وDEL.

مرجع أحرف HTML

قائمة قابلة للبحث بكيانات HTML، مع رموزها المسمّاة والرقمية، بالإضافة إلى خيار النسخ بنقرة واحدة للأحرف والرموز الخاصة.

مرجع اختصارات لوحة المفاتيح

ابحث في الاختصارات الافتراضية الموثقة لـ VS Code وChrome وBash مع GNU Readline على macOS وWindows وLinux.

مدقق البريد الإلكتروني

تحقق من عنوان بريد إلكتروني: فحص صياغة RFC 5322، واستعلام حي عن سجل MX، بالإضافة إلى تفاصيل الجزء المحلي والنطاق والطول. لا يتم إرسال أي بريد.

مولد EditorConfig

أنشئ ملف .editorconfig من قواعد المسافة البادئة ونهاية السطر ومجموعة الأحرف، ثم أضف قسمًا صحيحًا لكل لغة في مستودعك: Python وGo وYAML وMakefile وغيرها.

عدّاد FPS

قِس معدل الإطارات FPS في المتصفح عبر requestAnimationFrame: تنعيم، وأدنى وأقصى معدل إطارات، وحد تنبيه، ورسم بياني اختياري. يعمل محليًا بلا رفع ملفات وبلا API.

الأداة متاحة بلغات أخرى