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

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

من هنــا:  Color Picker

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

 

 

أنقر على الصور لتشاهدها بالحجم الكبير

 

 

في هذا الجزء:

 

 

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

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

 

 

 

 

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

في أمان الله

اترك تعليقًا

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

عدد المشاهدات لهذه المقالة : 802
انتقل إلى أعلى
%d مدونون معجبون بهذه: