نصب افزونه Eyedropper – Color Pick
افزونه ای دروپر کالر پیکر Eyedropper – Color Pick یک افزونه کاربردی طراحی شده برای طراحان و برنامه نویسان وب می باشد با استفاده از ابزار های این پلاگین قادر خواهید بود کد رنگ های موجود در صفحه وب را دریافت کنید.
در واقع کاربرد این پلاگین آنالیز و تشخیص رنگ های صفحات وب می باشد.
اگر با نرم افزار فتوشاپ آشنایی اندکی داشته باشید میتوان گفت عمکرد این پلاگین مشابه عملکرد ابزار Eyedropper تشخیص رنگ در فتوشاپ است.
این افزونه در مرورگر های کروم و فایرفاکس قابل نصب می باشد.
نصب افزونه eye dropper – Color Picker در گوگل کروم
ابتدا در گوگل کروم خود وارد سایت زیر شوید:
https://chrome.google.com/webstore/detail/color-picker/gffjdohanhmkfbpnjlnmaeabfhghpilo
سپس ADD TO CHROME را کلیک کنید.
در این قسمت گذینه Add extension را کلیک کنید.
فایل شروع به دانلود می کند و نصب می شود.
در این قسمت همان طور که در تصویر زیر می بینید پیغام می دهد که افزونه Color Picker در قسمت افزونه ها ظاهر می شود.
با کلیک بر روی این آیکون می توانید از این افزونه استفاده کنید.
نکته:
برای فعال سازی این افزونه مرورگر خود را یک بار ببندید و باز کنید.
نحوه استفاده از این افزونه
ابتدا بر روی آیکون افزونه کلیک کنید.
سپس مانند تصویر زیر بر روی Page Color Picker Active کلیک کنید.
موس را بر روس قسمتی که رنگ آن را می خواهید ببرید.
مانند تصویر زیر:
در قسمت ۱ محدوده ی یک div را مشخص می کند.
در قسمت ۲ سایز این div را بر حسب پیکسل بیان می کند.
در قسمت ۳ کد رنگ عکس را به ما می دهد.
در قسمت ۴ رنگ عکس را بر حسب فرمت rgb به ما می دهد.
در قسمت ۵ نیز رنگ عکس مورد نظر قرار دارد.
معرفی گزینه های کالر پیکر
- color picker : با انتخاب این گزینه کادری نمایان خواهد شد که میتوانید کد آخرین رنگی را که انتخاب کرده اید را به سه فرمت مختلف دریافت کنید یا اینکه رنگ دلخواه خود را انتخاب کنید.
- copy to clip board : با انتخاب این گذینه فرمت های مختلف آخرین رنگ انتخاب شده رنگ انتخاب شده برای کپی کردن ظاهر می شود و به طور دلخواه می توانید آن ها را کلیک کنید.
- Resample last location : بازگشت به مرحله قبل
- Picked color history : تاریخچه رنگ های انتخاب شده قبل
- webpage color analyzer : با انتخاب این گزینه میتوانید به بررسی رنگ های استفاده شده در صفحه وب مورد نظر دستیابی داشته باشید.
- palette browser : با انتخاب این گزینه پالتی نمایان خواهد شد که میتوانید کد آخرین رنگ های کپی شده و رنگ های از پیش آماده به سبک های مختلف را دریافت کنید.
- options : تنظیمات کلی کالر پیکر
نصب افزونه کالر پیکر در فایرفاکس
ابتدا در فایرفاکس خود وارد سایت زیر شوید:
https://addons.mozilla.org/fa/firefox/addon/colorpicker/?src=search
ابتدا بر روی افزودن به فایرفاکس کلیک کنید.
سپس Install را بزنید.
افزونه نصب می شود.
با کلیک بر روی آیکون افزونه سپس با بردن مکتن نمای موس بر روی هر رنگی، کد رنگ داده می شود.
مثلا:
