اینترنت و وب, ترفند ها

نصب افزونه Eyedropper – Color Pick

نصب افزونه Eyedropper – Color Pick

افزونه ای دروپر کالر پیکر Eyedropper – Color Pick یک افزونه کاربردی طراحی شده برای طراحان و برنامه نویسان وب می باشد با استفاده از ابزار های این پلاگین قادر خواهید بود کد رنگ های موجود در صفحه وب را دریافت کنید.
در واقع کاربرد این پلاگین آنالیز و تشخیص رنگ های صفحات وب می باشد.
اگر با نرم افزار فتوشاپ آشنایی اندکی داشته باشید میتوان گفت عمکرد این پلاگین مشابه عملکرد ابزار Eyedropper تشخیص رنگ در فتوشاپ است.
این افزونه در مرورگر های کروم و فایرفاکس قابل نصب می باشد.

نصب افزونه eye dropper – Color Picker در گوگل کروم

ابتدا در گوگل کروم خود وارد سایت زیر شوید:
https://chrome.google.com/webstore/detail/color-picker/gffjdohanhmkfbpnjlnmaeabfhghpilo

سپس ADD TO CHROME را کلیک کنید.

eye dropper Color Picker Add To Chrome

 

در این قسمت گذینه Add extension را کلیک کنید.
فایل شروع به دانلود می کند و نصب می شود.

Eye Dropper - color picker - ADD extensions

 

در این قسمت همان طور که در تصویر زیر می بینید پیغام می دهد که افزونه Color Picker در قسمت افزونه ها ظاهر می شود.
با کلیک بر روی این آیکون می توانید از این افزونه استفاده کنید.

eye dropper - color picker

 

نکته:
برای فعال سازی این افزونه مرورگر خود را یک بار ببندید و باز کنید.

نحوه استفاده از این افزونه

 

ابتدا بر روی آیکون افزونه کلیک کنید.
سپس مانند تصویر زیر بر روی Page Color Picker Active کلیک کنید.

use color picker

موس را بر روس قسمتی که رنگ آن را می خواهید ببرید.
مانند تصویر زیر:
در قسمت ۱ محدوده ی یک div را مشخص می کند.
در قسمت ۲ سایز این div را بر حسب پیکسل بیان می کند.
در قسمت ۳ کد رنگ عکس را به ما می دهد.
در قسمت ۴ رنگ عکس را بر حسب فرمت rgb به ما می دهد.
در قسمت ۵ نیز رنگ عکس مورد نظر قرار دارد.

use color picker 2

 

 

 

معرفی گزینه های کالر پیکر

  • 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 را بزنید.
افزونه نصب می شود.

 

add to firefox

با کلیک بر روی آیکون افزونه سپس با بردن مکتن نمای موس بر روی هر رنگی، کد رنگ داده می شود.
مثلا:

add to firefox

دیدگاهتان را بنویسید