تخيل أنك تتصفح الصور وتجد اللون المثالي - الظل الدقيق الذي تحتاجه لمشروع التصميم التالي. هناك بعض الأدوات الرائعة على الإنترنت لمساعدتك في تحديد ألوان معينة على أي تطبيق أو موقع ويب. دعونا نلقي نظرة على بعض من أفضل الخيارات لهم.
1. استخدام أدوات المطور في متصفح الويب Chrome
أحد الخيارات التي يمكنك تجربتها هو أداة Chrome Developer. يأتي Chrome مع الكثير من الميزات المفيدة للمطورين ، مما يجعل المهام أسهل بكثير. يمكنك استخدام الخطوات التالية لتحديد ألوان معينة على أي تطبيق أو موقع ويب.
- افتح موقع الويب الذي تريد تحديد لون على متصفح الويب Chrome
- انقر فوق أيقونة ثلاثية النقاط في الجزء العلوي الأيمن من Chrome. ستظهر نافذة منبثقة بها مجموعة من الخيارات.
- انقر فوق "المزيد من الأدوات" ثم حدد "أدوات المطور" من النافذة المنبثقة الناتجة.
- استخدم Ctrl + Shift + I إذا كنت تريد تخطي الخطوات المذكورة أعلاه
- الآن ، تنقسم النافذة إلى شاشتين - موقع الويب على اليسار ورمز الموقع على اليمين
- اكتب Ctrl + Shift + C على لوحة المفاتيح. يوضح لك هذا جميع تفاصيل عنصر معين على موقع الويب عندما نمرر مؤشر الماوس على العناصر.
- يمكنك العثور على رمز اللون الخاص بالعنصر مع معلومات أخرى مفيدة.
مثال
لنفترض أنك مهتم برموز الألوان المحددة لبعض العناصر على موقع الويب التالي:
يمكنك اختيار أدوات المطور من خلال النقر على النقاط الثلاث في زاوية شاشتك. في القائمة المنسدلة ، حدد المزيد من الأدوات ، ثم أدوات المطور.
سيتم تقسيم الشاشة بصريًا إلى صفحتين. سترى موقع الويب على اليسار ورمز الموقع على اليمين.
اكتب الأمر والاختصار "Ctrl + Shift + C" وحرك مؤشر الماوس فوق عناصر موقع الويب. سيعرض هذا لون هذا العنصر ، إلى جانب معلومات أخرى مفيدة. يوجد أدناه مثالان حيث نجد لون شريط التنقل ولوحة القيادة أسفل أداة البحث.
هنا ، يمكننا العثور على رمز اللون في النافذة المنبثقة لشريط التنقل. رمز اللون هو # 333333.
يمكن العثور على لون لوحة القيادة مع تفاصيل أخرى مفيدة. اللون: # 333333 ، لون الخلفية: # 5D4A8E. على الرغم من أنه قد يبدو مخيفًا بعض الشيء في البداية ، إلا أن البرنامج يصبح أسهل بكثير في الاستخدام مع قليل من التدريب.
2. وصلة قطارة عين كروم
Eye Dropper هو امتداد Chrome شائع الاستخدام على نطاق واسع لمساعدتك في العثور على ألوان معينة على أي موقع ويب أو تطبيق.
اتبع الخطوات أدناه لتحديد ألوان معينة على موقع ويب أو تطبيق باستخدام أداة ملحق Eye Dropper.
- افتح أي موقع ويب أو تطبيق على متصفح الويب Chrome
- انقر على أيقونة امتداد Eye Dropper
- حدد "اختيار لون من صفحة الويب" وحرك مؤشر الماوس على عناصر مختلفة في التطبيق أو موقع الويب.
يمكنك العثور على رمز اللون للعناصر المدرجة في أسفل يمين صفحة الويب.
مثال
حسنًا ، دعنا نستخدم أداة تمديد القطارة في مثال واقعي. سنبدأ بفتح موقع ويب والضغط على أيقونة امتداد Eye Dropper
عند تحريك المؤشر فوق عناصر مختلفة من موقع الويب ، يمكنك رؤية رموز الألوان تظهر في قسم أسفل يمين الشاشة.
عندما أحوم المؤشر على أيقونة على شكل حرف V ، يمكنني رؤية رمز اللون الخاص به في النافذة السفلية كما هو مذكور. تتمثل ميزة هذه الأداة في أنه يمكنك أيضًا العثور على رمز RGB مع رمز اللون السداسي للعنصر. هذه الطريقة مرنة للاستخدام لأولئك الذين يريدون طريقة بسيطة وسريعة للحصول على رموز ألوانهم المفضلة.