Cho dù bạn là nhà thiết kế web^{(web designer)} , nghệ sĩ hay chỉ là người muốn kết hợp màu sắc, Google Chrome cung cấp một số tiện ích bổ sung trong Cửa hàng Chrome trực tuyến^{(Chrome Web Store)} có thể trợ giúp.

Bằng cách sử dụng tiện ích mở rộng bộ chọn màu của Chrome , bạn có thể lấy các giá trị HEX , RGB hoặc HSL cho bất kỳ màu nào bạn muốn trên web. Chỉ cần^(Simply) trỏ con trỏ vào màu và lấy mã bạn cần để khớp với màu đó.

Dưới đây là 10 tiện ích mở rộng bộ chọn màu của Chrome bắt đầu bằng những tiện ích mở rộng có các tính năng và chức năng bổ sung mà bạn có thể yêu thích.^(Chrome)

1. Công cụ chọn màu - Geco^{(Color Picker Tool – Geco)}

Bạn có thể lấy mã màu cho bất kỳ màu nào bạn thấy trên trang web bằng Công cụ chọn màu - Geco^{(Color Picker Tool – Geco)} .

1. Chọn nút tiện ích mở rộng trên thanh công cụ của bạn.
2. Trỏ con trỏ vào màu bạn muốn xác định.
3. Nhấp^(Click) để lưu màu trong danh sách của tiện ích mở rộng.

Sau đó, bạn sẽ thấy mã HEX , RGB và HSL trong phần Mới^(New) và Đã chọn^(Picked) của cửa sổ tiện ích mở rộng. Chọn một màu trước đó bạn đã xác định và bạn sẽ thấy những mã đó trong phần Mới^(New) .

Tính năng bổ sung:

• Tự động sao chép mã màu HEX vào khay nhớ tạm của bạn để dễ dàng dán vào những nơi cần thiết.
• Tải xuống^(Download) tệp CSV của bảng màu có mã HEX , RGB và HSL .
• Điều chỉnh^(Adjust) cài đặt để sao chép vào khay nhớ tạm của bạn, bật thông báo và sử dụng nhấp chuột phải.

2. AKColor

Sử dụng công cụ nhỏ mắt của AKColor để lấy mã màu từ bất kỳ trang nào bạn thấy trên web.

1. Chọn nút tiện ích mở rộng trên thanh công cụ của bạn.
2. Chọn dụng cụ nhỏ mắt^(eyedropper) ở bên trái và trỏ con trỏ vào màu bạn muốn xác định.
3. Nhấp^(Click) để xem mã màu cùng với màu gần nhất và màu trung bình của khu vực.

Bạn sẽ thấy một cửa sổ bật lên đẹp mắt với các mã màu cho RGB , RGBA , HEX , HSL và HSLA . Chọn^(Choose) bất kỳ mã nào để sao chép các giá trị màu vào khay nhớ tạm của bạn. Sau đó, chọn Chọn lại^{(Pick Again)} hoặc Đóng^{( Close)} .

Tính năng bổ sung:

• Sử dụng Trình chuyển đổi màu^{(Color Converter)} và Trình tạo Gradient^{(Gradient Generator)} được tích hợp ngay trong tiện ích mở rộng.
• Tận^(Take) dụng các phím tắt để xác định màu sắc nhanh chóng và dễ dàng.
• Điều chỉnh^(Adjust) cài đặt cho chế độ ban đêm, giao diện, kích thước của kính lúp pixel, mức thu phóng và hơn thế nữa.

3. Chọn màu^{(Pick Color)}

Nếu bạn đang tìm kiếm một công cụ chọn màu mà bạn có thể sử dụng ở các vị trí khác thay vì chỉ trên web, thì Pick Color là công cụ dành cho bạn.

1. Chọn nút tiện ích mở rộng trên thanh công cụ của bạn.
2. Chọn Chọn Màu của bạn^{(Choose Your Color)} và sau đó chọn thuốc nhỏ mắt^(eyedropper) .
3. Trỏ con trỏ vào màu bạn muốn xác định. Điều này có thể nằm trên một trang web, máy tính để bàn của bạn hoặc trong một ứng dụng khác.
4. Nhấp^(Click) để lưu màu trong tiện ích mở rộng.

Sau đó, bạn sẽ thấy mã màu HEX , RGB và HSL trong cửa sổ của tiện ích mở rộng. Bạn có thể sao chép mã HEX bằng cách chọn biểu tượng sao chép ở bên phải mã. Để sao chép các giá trị RGB hoặc HSL , hãy chuyển xuống phần bên dưới và sử dụng các biểu tượng sao chép đó.

Tính năng thưởng^{(Bonus Feature)}

Với Chọn màu^{(Pick Color)} , bạn có thể nhanh chóng xác định một màu trên trang web và sao chép mã HEX vào khay nhớ tạm của mình bằng một vài cú nhấp chuột.

1. Nhấp chuột phải vào trang web và chọn Chọn màu trên trang^{(Pick a color on the page)} từ menu lối tắt.
2. Di chuyển con trỏ của bạn đến màu và bạn sẽ thấy mã HEX được đính kèm.
3. Nhấp^(Click) để sao chép mã HEX của màu vào khay nhớ tạm của bạn.

4. Công cụ chọn màu^{(Color Picker)} (theo linangdata.com)

Để biết một tiện ích mở rộng khác của Chrome với các tính năng bổ sung hữu ích^{(Chrome extension with useful extra features)} , hãy xem Công cụ chọn màu^{(Color Picker)} từ linangdata.com.

1. Chọn nút mở rộng trong thanh công cụ của bạn và chuyển đến tab Eyedropper .
2. Chọn Eyedropper và trỏ con trỏ vào màu. Bạn sẽ thấy mã HEX xuất hiện khi bạn di chuyển con trỏ của mình.
3. Nhấp^(Click) để lưu màu trong danh sách của tiện ích mở rộng và sao chép mã HEX vào khay nhớ tạm thời của bạn.
4. Mở lại tiện ích mở rộng bằng nút trên thanh công cụ và bạn sẽ thấy mã HEX , RGB , HSL , HSV và CMYK . Chọn biểu tượng sao chép ở bên phải của bất kỳ mã nào để đặt nó vào khay nhớ tạm của bạn.

Tính năng bổ sung:

• Sử dụng tab Bộ chọn màu^{(Color Picker)} để hiển thị các màu cơ bản với mã màu của chúng.
• Hãy thử tab Thang màu^{(Color Scale )} để xem các sắc thái màu khác nhau với mã màu của chúng.
• Kiểm tra tab Color Blender để nhân, làm tối, làm sáng và phủ màu.

5. Thuốc nhỏ mắt^{(Eye Dropper)}

Eye Dropper là một tùy chọn chọn màu đẹp cho Chrome với một vài phần thưởng mà bạn có thể thích.

1. Chọn nút tiện ích mở rộng trên thanh công cụ của bạn.
2. Chọn Chọn màu từ trang web^{(Pick color from web page)} và di chuyển con trỏ của bạn đến màu. Khi di chuyển con trỏ, bạn sẽ thấy các giá trị HEX và RGB ở góc dưới cùng bên phải của cửa sổ trình duyệt.
3. Nhấp vào^(Click) màu để lưu nó vào danh sách của tiện ích mở rộng.
4. Khi mở lại tiện ích, bạn sẽ thấy mã màu HEX , HSL và RGB cùng với tên của màu đó trong phần Màu đã chọn^(Selected) . 

Tính năng bổ sung:

• Sử dụng tab Bộ chọn màu^{(Color Picker)} để trộn các màu của riêng bạn.
• Xuất^(Export) lịch sử màu của bạn dưới dạng tệp CSV^(CSV) với các mã màu.
• Điều chỉnh^(Adjust) cài đặt để sao chép vào khay nhớ tạm, thay đổi giao diện con trỏ và tắt thông tin màu khi bạn di chuyển con trỏ.

6. Tôm đen^{(Black-shrimp)}

Nếu bạn muốn xác định màu sắc và sau đó nhóm chúng lại để truy cập nhanh, hãy xem Tôm đen^{(Black-shrimp)} .

1. Chọn nút tiện ích mở rộng trên thanh công cụ của bạn. Thao tác này sẽ mở ra cửa sổ nhỏ của tiện ích bổ sung ở bên trái.
2. Trỏ con trỏ vào màu bạn muốn xác định và nhấp vào.
3. Bạn sẽ thấy ngay mã HEX trong cửa sổ. Sử dụng hộp thả xuống bên cạnh màu đã xác định để xem mã màu RGB hoặc HSL .
4. Để lưu màu, hãy chọn dấu cộng^{(plus sign)} ở cuối cửa sổ.

Tính năng bổ sung:

• Thêm một nhóm bằng cách sử dụng biểu tượng thư mục^(folder) và kéo các màu đã lưu vào đó.
• Xuất^(Export) các màu đã lưu của bạn dưới dạng tệp ASE ( Adobe Swatch Exchange ).
• Sử dụng^(Use) phím tắt để thêm màu, tạo nhóm, xóa hoặc xuất.

7. Bộ chọn màu dễ dàng^{(Easy Color Picker)}

Nếu các tính năng bổ sung ưa thích không dành cho bạn và bạn muốn có một tiện ích mở rộng đơn giản, hãy xem Easy Color Picker .

1. Chọn nút tiện ích mở rộng trên thanh công cụ của bạn.
2. Chọn nút Pick ở trên cùng bên phải và trỏ con trỏ vào màu. Khi di chuyển con trỏ, bạn sẽ thấy các giá trị HEX và RGB ở góc dưới cùng bên phải của cửa sổ trình duyệt.
3. Nhấp vào^(Click) màu bạn muốn rồi mở lại tiện ích mở rộng bằng nút để xem mã HEX , RGB và HSL .

Mặc dù không có tùy chọn sao chép đơn giản nào cho các mã màu, bạn có thể nhấp chuột phải vào bên trong mỗi hộp và chọn Sao chép^(Copy) nếu bạn cần dán các giá trị vào nơi khác.

8. Bộ chọn màu Colorfly^{(Colorfly Color Picker)}

Tương tự như Easy Color Picker là Colorfly Color Picker . Lấy^(Grab) màu, xem mã và sao chép các giá trị nếu cần.

1. Chọn nút tiện ích mở rộng trên thanh công cụ của bạn.
2. Chọn nút Chọn màu^{(Pick Color)} và trỏ con trỏ vào màu. Khi di chuyển con trỏ, bạn có thể xem các giá trị HEX và RGB ở góc dưới cùng bên phải của cửa sổ trình duyệt.
3. Nhấp vào^(Click) màu bạn muốn và bạn sẽ thấy mã HEX , RGB và HSL trong cửa sổ của tiện ích. Chọn^(Select) bất kỳ mã màu nào để sao chép mã đó vào khay nhớ tạm của bạn.

9. Công cụ chọn màu^{(Color Picker)} (của kipelovvycheslav)

Một tiện ích mở rộng trình duyệt Chrome^{(Chrome browser extension)} cơ bản khác có cùng tên với một tiện ích mở rộng khác trong danh sách của chúng tôi, Bộ chọn màu^{(Color Picker)} , tiện ích mở rộng này từ kipelovvycheslav.

1. Chọn nút tiện ích mở rộng trên thanh công cụ của bạn.
2. Trỏ con trỏ vào màu bạn muốn xác định và nhấp vào.
3. Mở lại tiện ích để xem mã màu HEX , HSL và RGB .

10. Bộ chọn màu thông minh^{(Smart Color Picker)}

Một tiện ích mở rộng cuối cùng, đơn giản của Chrome^(Chrome) không có chuông và còi là Công cụ chọn màu thông minh^{(Smart Color Picker)} .

1. Chọn nút tiện ích mở rộng trên thanh công cụ của bạn.
2. Chọn nút Chọn màu^{(Pick Color)} và trỏ con trỏ vào màu. Khi di chuyển con trỏ, bạn sẽ thấy các giá trị HEX và RGB ở góc dưới cùng bên phải của cửa sổ trình duyệt.
3. Nhấp vào^(Click) màu bạn muốn rồi mở lại tiện ích mở rộng bằng nút để xem mã HEX , RGB và HSL . Chọn^(Select) bất kỳ mã màu nào để sao chép mã đó vào khay nhớ tạm của bạn.

Hy vọng rằng ít nhất một trong những bộ chọn màu của tiện ích mở rộng Chrome này chính là thứ bạn cần. Cho dù bạn thích các tính năng bổ sung hay muốn giữ cho nó đơn giản, chúng đều là những lựa chọn tuyệt vời.

Để được trợ giúp thêm, hãy xem cách cài đặt hoặc xóa tiện ích mở rộng trong 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 tiện ích mở rộng VPN tốt nhất của Chrome để duyệt web an toàn

• 9 tiện ích mở rộng OpenOffice tốt nhất mà bạn nên cài đặt ngay bây giờ

• 6 Best Reddit Alternatives Bạn có thể sử dụng miễn phí

• 6 Best Online Paraphrasing Tools đến Rewrite Text

• 7 Best Apps and Websites cần theo dõi Videos Together

• Các công cụ tốt nhất để sao chép một số lượng lớn tệp trong Windows

• Best Reddit Apps cho Windows and Mac

• 8 Best Online Sequencers cho những người đam mê Music

• 12 Best Free Android Calculator Apps and Widgets

• 6 ứng dụng thanh toán di động tốt nhất

• Best Free Karaoke Software cho Windows

• Phần mềm phát trực tuyến Twitch tốt nhất cho Windows và Mac

• 5 Best Video Converters cho Android

• 5 Best Anonymous File Sharing and Hosting Sites

• 5 Best Apps để mua Stocks cho Free

• 7 Best Các lựa chọn thay thế iTunes để quản lý Music Collection của bạn

• 7 trình phát đa phương tiện miễn phí tốt nhất cho Windows

• Trình quản lý tệp tốt nhất cho Android là gì? Chúng tôi nhìn vào 5

• 10 mẫu Evernote tốt nhất

• 7 Best Apps Để kết bạn Online and IRL