يتم تحديد الألوان في HTML و CSS من خلال أكوادها السداسية العشرية. إذا كنت تقوم بإنشاء صفحة ويب أو مشروع HTML آخر وترغب في تضمين عنصر يطابق لونًا معينًا في صورة أو موقع ويب أو نافذة على شاشة الكمبيوتر ، فستحتاج إلى العثور على الرمز السداسي العشري للون. تعلمك مقالة ويكي هاو هذه كيفية استخدام مجموعة متنوعة من الأدوات المجانية للتعرف بسرعة على الكود السداسي لأي لون.
خطوات
الطريقة 1 من 4: استخدام مقياس الألوان الرقمي على جهاز Mac
الخطوة 1. افتح Digital Color Meter على جهاز Mac الخاص بك
يمكن لهذه الأداة ، التي تأتي مع macOS ، تحديد قيمة اللون لأي لون على الشاشة. افتح Finder ، وانقر نقرًا مزدوجًا فوق ملف التطبيقات المجلد ، انقر نقرًا مزدوجًا فوق ملف خدمات المجلد ، ثم انقر نقرًا مزدوجًا فوق مقياس اللون الرقمي لفتحه.
الخطوة 2. حرك مؤشر الماوس إلى اللون الذي تريد تحديده
أثناء تحريك الماوس ، سيتم تحديث القيم في الأداة في الوقت الفعلي. لا تحرك الماوس من هذا الموقع حتى تقوم بقفل الفتحتين الأفقية والرأسية.
يمكنك أيضًا استخدام الأداة لتحديد الألوان على الويب. فقط افتح Safari (أو متصفحك المفضل) وانتقل إلى موقع ويب يحتوي على اللون الذي تريد تحديده
الخطوة الثالثة. اضغط على ⌘ Command + L
يؤدي هذا إلى تأمين كل من الفتحات الأفقية والعمودية ، مما يعني أن قيمة اللون لن تتغير عند تحريك الماوس.
الخطوة 4. اضغط على Shift + Command + C لنسخ الكود السداسي إلى الحافظة
يمكنك أيضًا نسخ الكود السداسي بالنقر فوق اللون القائمة والاختيار نسخ اللون كنص.
الخطوة 5. اضغط على ⌘ Command + V للصق الكود المنسوخ
يمكنك لصقها مباشرة في كود HTML الخاص بك ، أو ملف نصي ، أو أي منطقة كتابة أخرى.
الخطوة 6. اضغط على ⌘ Command + L لفتح الفتحات
إذا كنت تريد تحديد لون آخر ، فإن هذا يحرر القفل بحيث يعمل المؤشر مرة أخرى كمعرف لقيمة اللون.
الطريقة 2 من 4: استخدام Color Cop لنظام التشغيل Windows
الخطوة 1. تثبيت Color Cop
Color Cop هي أداة مساعدة صغيرة ومجانية يمكنك استخدامها للتعرف بسرعة على الكود السداسي لأي لون على الشاشة. إليك كيفية الحصول على التطبيق:
- انتقل إلى https://colorcop.net/download في متصفح الويب.
- انقر colorcop-setup.exe تحت عنوان "التثبيت الذاتي". إذا لم يتم تنزيل الملف تلقائيًا ، فانقر فوق يحفظ أو نعم لبدء التنزيل.
- انقر نقرًا مزدوجًا فوق الملف الذي تم تنزيله (الموجود بامتداد التحميلات ، ويكون عادةً في الزاوية السفلية اليسرى من علامة تبويب المتصفح).
- اتبع التعليمات التي تظهر على الشاشة لتثبيت التطبيق.
الخطوة 2. افتح Color Cop
ستجده في قائمة ابدأ.
الخطوة الثالثة. اسحب رمز القطارة إلى اللون الذي تريد تحديده
يمكنك تحديد أي لون على الشاشة ، بما في ذلك الألوان الموجودة في التطبيقات الأخرى وعلى مواقع الويب.
الخطوة 4. اترك زر الفأرة للكشف عن الكود السداسي
سيظهر الرمز في الفراغ في وسط التطبيق.
الخطوة 5. انقر نقرًا مزدوجًا فوق الرمز السداسي واضغط Ctrl + C
هذا ينسخ الرمز السداسي إلى الحافظة الخاصة بك.
الخطوة 6. الصق الكود حيث تريده
يمكنك استخدام السيطرة + V. للصق الكود السداسي في أي مكان تريده ، مثل كود HTML أو CSS.
طريقة 3 من 4: استخدام موقع Imagecolorpicker.com
الخطوة الأولى: اذهب إلى https://imagecolorpicker.com على جهاز الكمبيوتر أو الهاتف أو الجهاز اللوحي
يمكنك استخدام هذه الأداة المجانية لتحديد الرمز السداسي العشري لأي لون في الصورة التي تم تحميلها. ستعمل هذه الطريقة في أي متصفح ويب ، بما في ذلك تلك الموجودة على Android أو iPhone أو iPad.
الخطوة 2. قم بتحميل صورة أو أدخل عنوان URL
ستحتاج إلى تحديد ما إذا كنت تريد تحميل صورتك الخاصة أو استخدام صورة أو موقع ويب موجود بالفعل على الإنترنت. يمكن استخدام أي من الطريقتين لعرض صورة أو صفحة ويب لتحديد اللون الذي تريده.
- لتحميل صورة ، قم بالتمرير لأسفل وحدد قم بتحميل صورتك ، انتقل إلى الصورة الموجودة على جهاز الكمبيوتر أو الهاتف أو الجهاز اللوحي ، وحدد خيار تحميلها.
- لاستخدام موقع ويب ، مرر لأسفل إلى الخيار "استخدم هذا المربع للحصول على رمز لون HTML من موقع ويب" ، وأدخل عنوان URL ، ثم انقر أو اضغط على خذ موقع الويب.
- لتحديد صورة مباشرة على الويب بدلاً من موقع ويب كامل ، أدخل عنوان URL للصورة في مربع "استخدم هذا المربع للحصول على رمز لون HTML من صورة عبر عنوان URL هذا" ، ثم انقر أو اضغط على التقط صورة.
الخطوة الثالثة. انقر أو اضغط على اللون الذي تريده في معاينة الصورة / الموقع
يعرض هذا الرمز السداسي العشري للون في الزاوية السفلية اليسرى من الشاشة.
الخطوة 4. انقر أو اضغط على أيقونة النسخ لنسخ الرمز السداسي إلى الحافظة الخاصة بك
إنها المربعتان المتداخلتان على يمين الكود السداسي. يمكنك بعد ذلك لصقها في أي ملف نصي أو منطقة كتابة.
الطريقة 4 من 4: استخدام Firefox (للألوان على الويب)
الخطوة الأولى: افتح Firefox على جهاز الكمبيوتر أو جهاز Mac
يأتي متصفح الويب Firefox مزودًا بأداة Eyedropper مجانية يمكنك استخدامها لتحديد الرمز السداسي العشري لأي لون على الويب. إذا كان لديك Firefox ، فستجده في قائمة ابدأ (Windows) أو في مجلد التطبيقات (macOS).
- يمكنك تنزيل Firefox مجانًا من
- سيخبرك Firefox فقط بقيمة اللون على موقع الويب. لا يمكنك استخدامه خارج المتصفح.
الخطوة 2. انتقل إلى موقع ويب يحتوي على اللون الذي تريد تحديده
تأكد من عرض العنصر الذي تريد اللون له.
الخطوة 3. انقر فوق القائمة ☰
إنها الخطوط الأفقية الثلاثة الموجودة في الزاوية العلوية اليمنى من متصفح Firefox.
الخطوة 4. انقر فوق قائمة Web Developer
سيتم توسيع قائمة أخرى.
الخطوة 5. انقر فوق القطارة
سيتحول مؤشر الماوس إلى دائرة كبيرة.
الخطوة 6. انقر فوق اللون الذي تريد تحديده
ستلاحظ القيمة السداسية للألوان يتم تحديثها بشكل مباشر أثناء تحريك الماوس إلى الموقع. بمجرد النقر بالماوس ، سيقوم Firefox بحفظ الكود السداسي في الحافظة الخاصة بك.
الخطوة 7. الصق الكود أينما تريد
يمكنك استخدام التحكم + V (كمبيوتر) أو Command + V. (في نظام التشغيل Mac) للصق الشفرة السداسية في HTML أو CSS أو أي نوع آخر من الملفات النصية.
نصائح
- هناك مواقع ويب أخرى وإضافات للمتصفح وبرامج تحرير الصور التي ستسمح لك أيضًا باستخدام منتقي الألوان للكشف عن الكود السداسي للون أيضًا.
- إذا كنت تعرف من أنشأ صفحة الويب باللون الذي تحاول مطابقته ، فيمكنك دائمًا أن تسألهم عن الكود السداسي الذي استخدموه. بدلاً من ذلك ، يمكنك البحث في الكود المصدري لموقع الويب للعثور على الكود السداسي العشري مدرجًا هناك.