چه یک طراح وب^{(web designer)} ، هنرمند، یا فقط فردی باشید که می‌خواهد رنگ‌ها را مطابقت دهد، Google Chrome چندین افزونه در فروشگاه وب Chrome ارائه^{(Chrome Web Store)} می‌دهد که می‌توانند به شما کمک کنند.

با استفاده از یک برنامه افزودنی انتخابگر رنگ کروم^(Chrome) ، می‌توانید مقادیر HEX ، RGB ، یا HSL را برای هر رنگی که در وب می‌خواهید به دست آورید. به سادگی^(Simply) مکان نما خود را به سمت رنگ بگیرید و کد مورد نیاز برای مطابقت با رنگ را دریافت کنید.

در اینجا 10 افزونه انتخابگر رنگ کروم^(Chrome) وجود دارد که با آنهایی شروع می شود که دارای ویژگی ها و عملکردهای اضافی هستند که ممکن است از آنها لذت ببرید.

1. ابزار انتخاب رنگ - Geco^{(Color Picker Tool – Geco)}

با ابزار Color Picker Tool – Geco^{(Color Picker Tool – Geco)} می توانید برای هر رنگی که در یک صفحه وب می بینید کد رنگی دریافت کنید .

1. دکمه افزونه را در نوار ابزار خود انتخاب کنید.
2. مکان نما خود را به سمت رنگی که می خواهید شناسایی کنید بگیرید.
3. ^(Click)برای ذخیره رنگ در لیست برنامه افزودنی کلیک کنید.

سپس کدهای HEX ، RGB و HSL را در بخش ^(HSL)New و Picked پنجره برنامه افزودنی خواهید دید. رنگ قبلی را که شناسایی کرده اید انتخاب کنید و آن کدها را در بخش New خواهید دید .

ویژگی های اضافی:

• کد رنگ HEX^(HEX) را به طور خودکار در کلیپ بورد خود کپی کنید تا در صورت لزوم چسباندن آسان شود.
• ^(Download)یک فایل CSV از پالت رنگ خود را با کدهای HEX ، RGB و HSL دانلود کنید.
• تنظیمات^(Adjust) را برای کپی کردن در کلیپ بورد، فعال کردن اعلان و استفاده از کلیک راست تنظیم کنید.

2. AKColor

از ابزار قطره چکان AKColor برای گرفتن کد رنگ از هر سایتی که در وب می بینید استفاده کنید.

1. دکمه افزونه را در نوار ابزار خود انتخاب کنید.
2. قطره چکان^(eyedropper) را در سمت چپ انتخاب کنید و مکان نما خود را به سمت رنگی که می خواهید شناسایی کنید قرار دهید.
3. برای^(Click) مشاهده کدهای رنگ به همراه نزدیکترین رنگ و رنگ متوسط ​​منطقه کلیک کنید.

یک پنجره پاپ آپ زیبا با کدهای رنگی RGB ، RGBA ، HEX ، HSL و HSLA خواهید دید . هر یک از^(Choose) کدها را برای کپی کردن مقادیر رنگ در کلیپ بورد خود انتخاب کنید. سپس، انتخاب مجدد^{(Pick Again)} یا بستن^{( Close)} را انتخاب کنید .

ویژگی های اضافی:

• از مبدل رنگ^{(Color Converter)} و مولد گرادیان^{(Gradient Generator)} که درست در برنامه افزودنی تعبیه شده است استفاده کنید.
• از میانبرهای^(Take) صفحه کلید برای شناسایی سریع و آسان رنگ استفاده کنید.
• تنظیمات^(Adjust) حالت شب، رابط کاربری، اندازه ذره بین پیکسل، سطح زوم و موارد دیگر را تنظیم کنید.

3. رنگ را انتخاب کنید^{(Pick Color)}

اگر به دنبال انتخابگر رنگی هستید که بتوانید در مکان های دیگر به جای وب استفاده کنید، Pick Color ابزاری برای شماست.

1. دکمه افزونه را در نوار ابزار خود انتخاب کنید.
2. انتخاب رنگ خود^{(Choose Your Color)} را انتخاب کنید و سپس قطره چکان^(eyedropper) را انتخاب کنید .
3. مکان نما خود را به سمت رنگی که می خواهید شناسایی کنید بگیرید. این می تواند در یک وب سایت، دسکتاپ شما یا در برنامه دیگری باشد.
4. ^(Click)برای ذخیره رنگ در پسوند کلیک کنید .

سپس کدهای رنگ HEX ، RGB و HSL را در پنجره برنامه افزودنی خواهید دید. می توانید کد HEX را با انتخاب نماد کپی در سمت راست آن کپی کنید. برای کپی کردن مقادیر RGB یا HSL ، به بخش زیر بروید و از آن نمادهای کپی استفاده کنید.

ویژگی پاداش^{(Bonus Feature)}

با انتخاب رنگ^{(Pick Color)} ، می توانید به سرعت یک رنگ را در یک صفحه وب شناسایی کنید و کد HEX را با چند کلیک در کلیپ بورد خود کپی کنید.

1. روی صفحه وب کلیک راست کرده و از منوی میانبر، انتخاب رنگ در صفحه را انتخاب کنید.^{(Pick a color on the page)}
2. مکان نما خود را روی رنگ حرکت دهید و کد HEX^(HEX) را ضمیمه خواهید دید .
3. برای^(Click) کپی کردن کد HEX رنگ در کلیپ بورد خود کلیک کنید.

4. انتخابگر رنگ^{(Color Picker)} (توسط linangdata.com)

برای یکی دیگر از برنامه‌های افزودنی Chrome با ویژگی‌های مفید اضافی^{(Chrome extension with useful extra features)} ، به Color Picker از linangdata.com نگاهی بیندازید.

1. دکمه افزونه را در نوار ابزار خود انتخاب کنید و به تب Eyedropper بروید.
2. قطره^(Eyedropper) چشم را انتخاب کنید و مکان نما را به سمت رنگ بگیرید. با حرکت دادن اشاره گر خود، کد HEX را خواهید دید .
3. ^(Click)برای ذخیره رنگ در لیست برنامه افزودنی کلیک کنید و همزمان کد HEX را در کلیپ بورد خود کپی کنید.^(HEX)
4. پسوند را با دکمه نوار ابزار دوباره باز کنید و کدهای HEX ، RGB ، HSL ، HSV و CMYK را مشاهده خواهید کرد. ^(CMYK)نماد کپی را در سمت راست هر یک از کدها انتخاب کنید تا آن را در کلیپ بورد خود قرار دهید.

ویژگی های اضافی:

• از تب Color Picker برای نمایش رنگ های اصلی به همراه کد رنگ آنها استفاده کنید.
• تب Color Scale^{(Color Scale )} را امتحان کنید تا سایه های رنگی مختلف را با کدهای رنگ آنها مشاهده کنید.
• برای ضرب، تیره کردن، روشن کردن و همپوشانی رنگ ها، تب Color Blender را بررسی کنید.

5. قطره چکان چشم^{(Eye Dropper)}

Eye Dropper یک گزینه انتخاب رنگ خوب برای کروم^(Chrome) با چند امتیاز است که ممکن است دوست داشته باشید.

1. دکمه افزونه را در نوار ابزار خود انتخاب کنید.
2. انتخاب رنگ از صفحه وب^{(Pick color from web page)} را انتخاب کنید و مکان نما خود را به رنگ حرکت دهید. همانطور که نشانگر خود را حرکت می دهید، مقادیر HEX و RGB را در گوشه سمت راست پایین پنجره مرورگر خود خواهید دید.
3. روی^(Click) رنگ کلیک کنید تا در لیست برنامه افزودنی ذخیره شود.
4. هنگامی که برنامه افزودنی را دوباره باز می کنید، کدهای رنگ HEX ، HSL و RGB را به همراه نام آن رنگ در بخش رنگ انتخاب^(Selected) شده مشاهده خواهید کرد. 

ویژگی های اضافی:

• از تب Color Picker برای ترکیب رنگ های خود استفاده کنید.
• ^(Export)تاریخچه رنگ خود را به عنوان یک فایل CSV با کدهای رنگ صادر کنید.
• تنظیمات^(Adjust) را برای کپی کردن در کلیپ بورد، تغییر ظاهر نشانگر و غیرفعال کردن اطلاعات رنگ در حین حرکت مکان نما تنظیم کنید.

6. سیاه میگو^{(Black-shrimp)}

اگر می‌خواهید رنگ‌ها را شناسایی کنید و سپس آنها را برای دسترسی سریع گروه‌بندی کنید، Black-shrimp را بررسی کنید .

1. دکمه افزونه را در نوار ابزار خود انتخاب کنید. با این کار پنجره کوچک افزونه در سمت چپ باز می شود.
2. نشانگر خود را به سمت رنگی که می‌خواهید شناسایی کنید، بگیرید و کلیک کنید.
3. بلافاصله کد HEX را در پنجره خواهید دید. برای مشاهده کدهای رنگ RGB یا HSL از کادر کشویی کنار رنگ مشخص شده استفاده کنید .
4. برای ذخیره رنگ، علامت مثبت را^{(plus sign)} در پایین پنجره انتخاب کنید.

ویژگی های اضافی:

• یک گروه را با استفاده از نماد پوشه^(folder) اضافه کنید و رنگ های ذخیره شده را به آن بکشید.
• ^(Export)رنگ های ذخیره شده خود را به عنوان یک فایل ASE ( Adobe Swatch Exchange ) صادر کنید .
• از^(Use) میانبرهای صفحه کلید برای افزودن رنگ، ایجاد گروه، حذف یا صادرات استفاده کنید.

7. انتخاب رنگ آسان^{(Easy Color Picker)}

اگر ویژگی‌های اضافی فانتزی برای شما مناسب نیست و یک افزونه ساده می‌خواهید، به Easy Color Picker نگاهی بیندازید .

1. دکمه افزونه را در نوار ابزار خود انتخاب کنید.
2. دکمه انتخاب را در بالا سمت راست انتخاب^(Pick) کنید و مکان نما را به سمت رنگ بگیرید. همانطور که نشانگر خود را حرکت می دهید، مقادیر HEX و RGB را در گوشه سمت راست پایین پنجره مرورگر خود خواهید دید.
3. ^(Click)برای مشاهده کدهای HEX ، RGB و HSL ، روی رنگ مورد نظر کلیک کنید و سپس با دکمه افزونه را دوباره باز کنید .

اگرچه هیچ گزینه کپی ساده ای برای کدهای رنگی وجود ندارد، می توانید در داخل هر کادر کلیک راست کرده و در صورت نیاز به چسباندن مقادیر در جای دیگری، Copy را انتخاب کنید.^(Copy)

8. Colorfly Color Picker

مشابه Easy Color Picker ، Colorfly Color Picker است. رنگ^(Grab) را بگیرید، کد را مشاهده کنید و در صورت نیاز مقادیر را کپی کنید.

1. دکمه افزونه را در نوار ابزار خود انتخاب کنید.
2. دکمه انتخاب رنگ^{(Pick Color)} را انتخاب کنید و مکان نما را به سمت رنگ بگیرید. همانطور که نشانگر خود را حرکت می دهید، می توانید مقادیر HEX و RGB را در گوشه سمت راست پایین پنجره مرورگر خود مشاهده کنید.
3. روی^(Click) رنگ مورد نظر کلیک کنید و کدهای HEX ، RGB و HSL را در پنجره برنامه افزودنی مشاهده خواهید کرد. هر کد رنگی را برای کپی کردن آن در کلیپ بورد خود انتخاب کنید.^(Select)

9. انتخابگر رنگ^{(Color Picker)} (توسط kipelovvycheslav)

یکی دیگر از برنامه‌های افزودنی اصلی مرورگر کروم^{(Chrome browser extension)} با نام دیگری در فهرست ما، Color Picker ، این یکی از kipelovvycheslav است.

1. دکمه افزونه را در نوار ابزار خود انتخاب کنید.
2. نشانگر خود را به سمت رنگی که می‌خواهید شناسایی کنید، بگیرید و کلیک کنید.
3. برنامه افزودنی را دوباره باز کنید تا کدهای رنگ HEX ، HSL و RGB را ببینید.^(RGB)

10. انتخابگر هوشمند رنگ^{(Smart Color Picker)}

یکی از برنامه‌های افزودنی ساده و نهایی Chrome بدون زنگ و سوت، Smart Color Picker است.

1. دکمه افزونه را در نوار ابزار خود انتخاب کنید.
2. دکمه انتخاب رنگ^{(Pick Color)} را انتخاب کنید و مکان نما را به سمت رنگ بگیرید. همانطور که نشانگر خود را حرکت می دهید، مقادیر HEX و RGB را در گوشه سمت راست پایین پنجره مرورگر خود خواهید دید.
3. ^(Click)برای مشاهده کدهای HEX ، RGB و HSL ، روی رنگ مورد نظر کلیک کنید و سپس با دکمه افزونه را دوباره باز کنید . هر کد رنگی را برای کپی کردن آن در کلیپ بورد خود انتخاب کنید.^(Select)

امیدواریم حداقل یکی از این انتخابگرهای رنگ افزونه کروم همان چیزی باشد که شما نیاز دارید. ^(Chrome)چه ویژگی‌های اضافی را دوست داشته باشید یا ترجیح دهید ساده نگه دارید، همه آنها گزینه‌های عالی هستند.

برای راهنمایی بیشتر، به نحوه نصب یا حذف برنامه‌های افزودنی در Chrome^{(install or remove extensions in Chrome)} نگاهی بیندازید .

The Best Color Picker Chrome Extensions to Get HEX, RGB, and HSL Color Codes

Whether you’re a web designer, artist, or just a person who wants to match colors, Google Chrome offers several add-ons in the Chrome Web Store that can help.

Using a color picker Chrome extension, you can obtain the HEX, RGB, or HSL values for any color you want on the web. Simply point your cursor to the color and get the code you need to match the color.

Here are 10 Chrome color picker extensions starting with those that have extra features and functionality you might enjoy.

1. Color Picker Tool – Geco

You can obtain a color code for any color you see on a webpage with Color Picker Tool – Geco.

1. Select the extension button in your toolbar.
2. Point your cursor at the color you want to identify.
3. Click to save the color in the extension’s list.

You’ll then see the HEX, RGB, and HSL codes in the New and Picked sections of the extension’s window. Select a previous color you’ve identified, and you’ll see those codes in the New section.

Additional Features:

• Automatically copy the HEX color code to your clipboard for easy pasting where needed.
• Download a CSV file of your color palette with HEX, RGB, and HSL codes.
• Adjust settings for copying to your clipboard, enabling a notification, and using a right-click.

2. AKColor

Use the eyedropper tool from AKColor to grab the color code from any site you see on the web.

1. Select the extension button in your toolbar.
2. Choose the eyedropper on the left and point your cursor at the color you want to identify.
3. Click to view the color codes along with the closest color and average color of the area.

You’ll see a nice pop-up window with the color codes for RGB, RGBA, HEX, HSL, and HSLA. Choose any of the codes to copy the color values to your clipboard. Then, select Pick Again or Close.

Additional Features:

• Use the Color Converter and Gradient Generator built right into the extension.
• Take advantage of keyboard shortcuts for quick and easy color identification.
• Adjust settings for night mode, the interface, the size of the pixel magnifier, the zoom level, and more.

3. Pick Color

If you’re looking for a color picker that you can use in other locations rather than just the web, Pick Color is the tool for you.

1. Select the extension button in your toolbar.
2. Pick Choose Your Color and then select the eyedropper.
3. Point your cursor at the color you want to identify. This can be on a website, your desktop, or in another application.
4. Click to save the color in the extension.

You’ll then see the HEX, RGB, and HSL color codes in the extension’s window. You can copy the HEX code by selecting the copy icon on the right of it. To copy the RGB or HSL values, move down to the section beneath and use those copy icons.

Bonus Feature

With Pick Color, you can quickly identify a color on a webpage and copy the HEX code to your clipboard with a couple of clicks.

1. Right-click the webpage and select Pick a color on the page from the shortcut menu.
2. Move your cursor to the color and you’ll see the HEX code attached.
3. Click to copy the color’s HEX code to your clipboard.

4. Color Picker (by linangdata.com)

For another Chrome extension with useful extra features, take a look at Color Picker from linangdata.com.

1. Select the extension button in your toolbar and go to the Eyedropper tab.
2. Choose Eyedropper and point your cursor at the color. You’ll see the HEX code appear as you move your pointer.
3. Click to save the color in the extension’s list and copy the HEX code to your clipboard at the same time.
4. Reopen the extension with the toolbar button and you’ll see the HEX, RGB, HSL, HSV, and CMYK codes. Select the copy icon to the right of any one of the codes to place it on your clipboard.

Additional Features:

• Use the Color Picker tab to display prime colors with their color codes.
• Try the Color Scale tab to view different color shades with their color codes.
• Check out the Color Blender tab to multiply, darken, lighten, and overlay colors.

5. Eye Dropper

Eye Dropper is a nice color picking option for Chrome with a few bonuses you might like.

1. Select the extension button in your toolbar.
2. Choose Pick color from web page and move your cursor to the color. As you move your pointer, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color to save it to the extension’s list.
4. When you reopen the extension, you’ll see the HEX, HSL, and RGB color codes along with that color’s name in the Selected color section. 

Additional Features:

• Use the Color Picker tab to mix your own colors.
• Export your color history as a CSV file with the color codes.
• Adjust settings for copying to your clipboard, changing the pointer appearance, and disabling the color information as you move your cursor.

6. Black-shrimp

If you want to identify colors and then group them for quick access, check out Black-shrimp.

1. Select the extension button in your toolbar. This opens the add-on’s small window on the left.
2. Point your cursor to the color you want to identify and click.
3. You’ll immediately see the HEX code in the window. Use the drop-down box next to the identified color to view the RGB or HSL color codes.
4. To save the color, select the plus sign at the bottom of the window.

Additional Features:

• Add a group using the folder icon and drag saved colors into it.
• Export your saved colors as an ASE (Adobe Swatch Exchange) file.
• Use keyboard shortcuts to add a color, create a group, delete, or export.

7. Easy Color Picker

If fancy extra features aren’t for you and you want a simple extension, take a look at Easy Color Picker.

1. Select the extension button in your toolbar.
2. Choose the Pick button on the top right and point your cursor at the color. As you move your pointer, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color you want and then reopen the extension with the button to view the HEX, RGB, and HSL codes.

Although there are no simple copy options for the color codes, you can right-click inside each box and select Copy if you need to paste the values elsewhere.

8. Colorfly Color Picker

Similar to Easy Color Picker is Colorfly Color Picker. Grab the color, view the code, and copy values if needed.

1. Select the extension button in your toolbar.
2. Choose the Pick Color button and point your cursor at the color. As you move your cursor, you can view the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color you want, and you’ll see the HEX, RGB, and HSL codes in the extension’s window. Select any color code to copy it to your clipboard.

9. Color Picker (by kipelovvycheslav)

Another basic Chrome browser extension has the same name as another in our list, Color Picker, this one from kipelovvycheslav.

1. Select the extension button in your toolbar.
2. Point your cursor to the color you want to identify and click.
3. Reopen the extension to see the HEX, HSL, and RGB color codes.

10. Smart Color Picker

One final, simple Chrome extension without bells and whistles is Smart Color Picker.

1. Select the extension button in your toolbar.
2. Choose the Pick Color button and point your cursor at the color. As you move your cursor, you’ll see the HEX and RGB values on the bottom right corner of your browser window.
3. Click the color you want and then reopen the extension with the button to view the HEX, RGB, and HSL codes. Select any color code to copy it to your clipboard.

Hopefully at least one of these Chrome extension color pickers is just what you need. Whether you like extra features or prefer to keep it simple, they’re all great options.

For additional help, take a look at how to install or remove extensions in Chrome.

Related posts

• 3 بهترین افزونه VPN Chrome برای مرور امن وب

• 9 بهترین برنامه افزودنی OpenOffice که اکنون باید نصب کنید

• 6 Best Reddit Alternatives شما می توانید استفاده به صورت رایگان

• 6 Best Online Paraphrasing Tools به Rewrite Text

• 7 Best Apps and Websites به تماشای Videos Together

• بهترین مدیر فایل برای اندروید چیست؟ ما به 5 نگاه می کنیم

• 5 Best Anonymous File Sharing and Hosting Sites

• 15 بهترین برنامه Amazon Fire Stick که ابتدا باید نصب کنید

• 9 Best Discord Voice Changer Software (2021)

• Best Free Karaoke Software برای Windows

• 13 Best رایگان جایگزین هایی برای Microsoft Visio

• 10 بهترین قالب Evernote

• 5 Best Apps برای خرید Stocks برای Free

• 3 بهترین ربات اختلاف عمومی برای پخش موسیقی در سرور شما

• 7 Best جایگزین iTunes برای مدیریت Music Collection شما

• 10 Best Apps به اندازه گیری بهره وری خود را

• 4 Best Apps به Remotely View A Webcam در iOS and Android

• 6 Best PDF Editors برای Windows 10 در سال 2021

• 9 بهترین برنامه ردیابی کالری برای آیفون و اندروید

• 6 Best Pregnancy Apps از 2021