اختر الألوان لتكوين تدرج والحصول على كود CSS 3 مع التدرج [Mac]

click fraud protection

إن تحديد فئة CSS 3 لتدرج الألوان هو مهمة مرهقة ، حيث يحتاج المرء إلى العثور على ظلال الألوان المطلوبة ثم مزجها معًا لتشكيل تدرج. عندما يتم إنشاء التدرج ، فإن تحويله إلى رمز CSS3 (لاستدعاؤه في HTML5) ليس سهلاً على الإطلاق ؛ غالبًا ما يواجه مصممو الويب صعوبة في العثور على قيم HEX الدقيقة لظلال الألوان المختلفة لإنشاء فئة CSS لتدرج الألوان في النهاية. الانحدار هو تطبيق صغير وأنيق لنظام التشغيل Mac يتيح لك اختيار الألوان لتكوين تدرج وتغيير التدرج الأشكال ، وإنشاء رمز CSS3 للإصدار النهائي من التدرج الذي تريد استخدامه في ورقة أنماط موقع الويب الخاص بك المستند. يأتي التطبيق مع محررات رمز اللون RGB و HEX لضبط ظلال الألوان للتدرج يدويًا. كما تم دمج اثنين من منتقي الألوان الصغيرة في التطبيق لاختيار الألوان من الشاشة لكل ظل لون متدرج.

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

instagram viewer
يتوفر الزر للتبديل بين ألوان التدرج الحالية. افتراضيًا ، يكون محرر رمز اللون RGB و HEX غير مرئي. ومع ذلك ، يمكنك الكشف عنها عن طريق زر السهم لأسفل. يظهر قيم ألوان RGB و HEX لكلا ظلال التدرج اللوني.

التدرج الرئيسي 2

بصرف النظر عن منتقي الألوان ، يمكنك تغيير ألوان التدرج يدويًا باستخدام لوحة ألوان Mac الأصلية. تحت محرري كود اللون RGB و HEX ، ستجد زر تبديل لاختيار نمط التدرج والزاوية المطلوبين. بشكل افتراضي ، يظهر 4 زوايا. عند النقر فوق زر التبديل ، فإنه يكشف أنماط التدرج المختلفة.

الانحدار

يدعم Gradient جميع متصفحات الويب المستخدمة على نطاق واسع ، بما في ذلك Firefox و Opera و Chrome و Internet Explorer. من الإعدادات ، يمكنك تغيير لون Fallback وتغيير وضع الإخراج.

الإعدادات

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

الشفرة

بشكل عام ، يوفر لك Gradient أدوات سريعة لتصميم وتضمين كود CSS متدرج في مشروع التصميم الجرافيكي الخاص بك. يعمل على Mac 10.6 أو أعلى.

تنزيل التدرج

watch instagram story