Color Converter

موقع محول اللون

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

نظرة عامة على تقنيات ميزات العرض التوضيحي للبدء في بدء الاتصال بالمساهمة بالاتصال

قم بزيارة هذا المشروع

ملخص

محول اللون يوفر مشروع محول الألوان طريقة سهلة للتبديل بين اثنين من أكثر تنسيقات الألوان شيوعًا المستخدمة في تطوير الويب: Hex و RGB. مع هذه الأداة ، يمكن للمستخدمين:

• تحويل قيم الألوان من HEX إلى RGB والعكس بالعكس.
• معاينة اللون في مربع العرض المباشر مع حدوث التحويل.
• انسخ قيم Hex أو RGB الناتجة إلى الحافظة بنقرة واحدة.
• قم بتبديل لون الخلفية للصفحة لمعرفة كيف يظهر اللون المحدد في السياق.
• تلقي تعليقات على مدخلات اللون غير صالحة وتوجيه المستخدمين نحو تنسيقات الألوان الصحيحة.

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

التقنيات

• HTML5
• CSS3
• javascipt

سمات

• ️ hex إلى RGB و RGB لتحويل Hex تحويل دون عناء بين التنسيقتين الأكثر شيوعًا في تطوير الويب.
• ؟ معاينة اللون في الوقت الفعلي ، انظر تغيير اللون على الفور أثناء إدخال قيمة Hex أو RGB.
• ؟ انسخ إلى الحافظة بسهولة نسخ قيمة hex أو RGB التي تم تحويلها بسهولة بنقرة واحدة باستخدام زر النسخ المدمج.
• ؟ تبديل ألوان الخلفية تبديل لون الخلفية لاختبار كيفية ظهور اللون الذي تم اختياره في بيئات مختلفة.
• ️ تحقق من التحقق من صحة المدخلات على ملاحظات فورية على مدخلات اللون غير صالحة وتأكد من استخدام تنسيقات الألوان الصحيحة.
• عرض قيمة اللون : يظهر قيم الألوان بتنسيقات مختلفة (مثل Hex ، RGB).
• ؟ واجهة المستخدم/UX الحديثة : واجهة مستخدم نظيفة وأنيقة تعزز تجربة المستخدم.
• توافق المتصفح المتقاطع : يعمل بلا عيب في جميع المتصفحات الرئيسية.
• قابلة للتخصيص بسهولة : بنيت بهيكل معياري ، مما يجعل من السهل تعديلها وتوسعها.
• ؟ رمز نظيف ومُعود جيدا : قاعدة كود منظمة وسهلة الفهم ، مما يجعلها مثالية للمطورين من جميع المستويات.

؟ ️ لقطات الشاشة

فيما يلي بعض لقطات الشاشة لموقع Color Convert :

ابدء

المتطلبات الأساسية

لتشغيل هذا المشروع ، ستحتاج:

• متصفح ويب (Chrome ، Firefox ، Safari ، وما إلى ذلك)
• GIT للتحكم في الإصدار (اختياري)

تثبيت

1. استنساخ المستودع :

     git clone https://github.com/Murtaza-Ax/Color-Converter.git

2. افتح المشروع في محرر الرمز المفضل لديك:

     cd Color-Converter

3. تشغيل المشروع :

   ما عليك سوى فتح ملف index.html في متصفحك لعرض الصفحة.

؟ رخصة

هذا المشروع مرخص بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.

؟ مساهمة

نرحب بالمساهمات في Color Picker ! سواء كنت تقوم بإصلاح الأخطاء أو تحسين الوثائق أو إضافة ميزات جديدة ، فإن مساعدتك موضع تقدير كبير. إليك كيفية البدء:

1. شوك المستودع : انقر فوق الزر "شوكة" في الجزء العلوي يمينًا من هذه الصفحة لإنشاء نسخة من المستودع ضمن حساب GitHub الخاص بك.

2. استنساخ مستودع الشوكة : استنساخ شوكةك إلى الجهاز المحلي الخاص بك للبدء في إجراء تغييرات.

     git clone https://github.com/username/Color-Converter.git

   استبدل username باسم github الفعلي.

3. قم بإنشاء فرع جديد : قم بإنشاء فرع جديد يحمل اسمًا وصفيًا للميزة أو BugFix.

       git checkout -b feature/your-feature-name  

4. قم بإجراء تغييرات : قم بتنفيذ الميزة أو إصلاح المشكلة. اختبر تغييراتك تمامًا.

5. ارتكب تغييراتك : اكتب رسالة ملزمة واضحة وموجزة تصف تغييراتك.

     git commit -m " your feature name "

6. ادفع إلى الفرع : ادفع التغييرات الخاصة بك إلى مستودعك المتشعب.

     git push origin feature/your-feature-name

7. قم بإنشاء طلب سحب : انتقل إلى المستودع الأصلي على Github وإنشاء طلب سحب. يرجى تقديم شرح مفصل لتغييراتك ولماذا يجب دمجها.

شكرا لك على النظر في المساهمة!

الوثائق التي قد تساعد

كيفية إنشاء طلب سحب

؟ نمط الالتزام

؟ اتصال

إذا كان لديك أي أسئلة أو اقتراحات ، فلا تتردد في التواصل:

• جيثب : مورتازا أكسد
• البريد الإلكتروني : مورتازا علي

إذا كنت تحب هذا المشروع ، فكر في إعطائه نجمة على جيثب! دعمك موضع تقدير كبير.

مصنوع من ❤ من قبل مرتازا علي