شرح استعمال color-picker

أولاً و قبل أن أبدأ في شرح طريقة استعمال أكواد الألوان colorpicker  أدعوكم لزيارة موقع ” webfx.com ” 

من هنــا:  Color-Picker

عند الدخول إلى الموقع ستجد الواجهة  على هذا الشكل:

Color Picker

شرح استعمال color-picker

 

في هذا الجزء:

 

  • الرقم 2 يشير إلى حزمة اللون الذي نختاره من نافذة رقم 1 و يمكن اختيار درجة اللون بتحريك النقطة السوداء.
  • في النافذة رقم 1 يمكنك أن تختار كتلة اللون الذي تريد و ذلك بنحريك المزلقة التي تظهر على شكل خط في هاته النافذة.
  • في المربع رقم 3 نشاهد اللون الذي تم اختيارة سواء من رقم 1 أو 2.
  • عندما يتم اختيار اللون الذي يظهر في رقم 3 نضغط على حفظ  ( رقم 4 ) لنتمكن بعد ذلك من استعمال كود اللون الذي وقع عليه الاختيار.

و كل لون تم حفظه يأخذ مكانه في هذا الجزء:

 

 

شرح استعمال color-picker

 

في النهاية يمكنك نسخ الكود الذي وقع عليه اختيارك و لصقه بملف CSS أو في أي برنامج تحتاجه للرسم و التصميم إلخ .

في أمان الله

قناتي على اليوتوب

روابط قد تهمك: 

شارك الموضوع
إذا أعجبك المقال ،لا تَقْرَأْ وتَرْحَل، وتُحَمِّل وتَرْحَلْ … تَـعْلِيقَـاتُكَ تَـشْجِيعٌ لَـنَـا لِنَسْتَمِرَّ فِــي الْبَحْثِ وَالْعَطَـاء

 

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

حول الكاتب :   من أقصى شمال المغرب كاتب مقالات إلكترونية حول كيفية بناء موقع ويب ناجح : ووردبريس ، HTML ، CSS .ومواضيع مختلفة وناشط على اليوتيوب في قناة: Jabism Web و رحيل الليل
كتب 464 مقالة في jabism.com.
-:- راسلني   -:- تابعني على تويتر   -:- تابعني على الفايسبوك

70 عدد المشاهدات لهذا المحتوى
Scroll to Top