مولد لوحات خلفية ذات تدرج
تُعد التدرجات المحيطة ثلاثية الألوان مع ضبابية قوية النمط الخلفي الشائع في كل صفحات الهبوط الخاصة بخدمات SaaS ومعظم خلفيات سطح المكتب التي صدرت خلال السنوات الأربع الماضية. تمزج هذه الأداة ثلاثة ألوان hex بزاوية قابلة للتعديل وضبابية غاوسية، وتُصدّر النتيجة بدقة تناسب سطح المكتب أو الهاتف أو خلفية جلسات Zoom.
كيفية إنشاء خلفية شاشة ذات تدرجات لونية
-
1
اختر ثلاثة ألوان
عدّل قيم hex مباشرةً، أو اضغط على "عشوائي" للحصول على مجموعة ألوان مفاجئة.
-
2
حدد الزاوية
من 0 إلى 360 درجة؛ حيث يمثل زاوية 135 درجة التداخل القطري عند غروب الشمس، بينما تمثل زاوية 90 درجة التداخل الجانبي عند شروق الشمس.
-
3
اضبط الضبابية
كلما زادت الضبابية، أخفت الحدود بين الألوان ونعّمت اللوحة بأكملها.
-
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 إلى Hex
حوّل نص ASCII إلى قيم bytes بالنظام الست عشري. يستخدم الناتج رقمين hex لكل محرف، جاهزا لملفات memory dumps أو packet traces أو جداول firmware.
محول ASCII إلى ثنائي
حوّل أي سلسلة ASCII إلى تمثيلها الثنائي. يصبح كل محرف ثمانية بتات مفصولة بمسافات، جاهزة للصق في تتبع بروتوكول أو واجب دراسي.
مولد حروف عشوائية
أنشئ حروفًا عشوائية من A-Z. اختر العدد، وحدد الحروف الكبيرة أو الصغيرة أو المختلطة، واستخدم النتيجة للألعاب أو الأسئلة الصفية.
محول BBCode إلى HTML
حوّل BBCode (ترميز المنتديات) إلى HTML نظيف. يتعامل مع وسوم التنسيق، والقوائم، والاقتباسات، والكود، والصور، والروابط، والجداول.
محدد ألوان HEX
اختر أي لون بصريًا واحصل على قيم HEX وRGB وHSL وHSV وCMYK، مع فحص تباين الوصولية مقابل الأبيض والأسود.
محول Base64 إلى Hex
حوّل سلسلة Base64 إلى بايتاتها الأساسية معروضة بالنظام الست عشري (hex). مفيد لفحص الرموز المميزة والمفاتيح والشهادات ورموز JWT.