ไม่ว่าคุณจะเป็นนักออกแบบเว็บไซต์^{(web designer)}ศิลปิน หรือเพียงแค่คนที่ต้องการจับคู่สีGoogle Chrome ก็ มีส่วนเสริมมากมายในChrome เว็บสโตร์^{(Chrome Web Store)}ที่สามารถช่วยได้

ด้วยการใช้ส่วนขยายตัวเลือกสีChromeคุณสามารถรับค่าHEX , RGBหรือHSLสำหรับสีใดก็ได้ที่คุณต้องการบนเว็บ เพียง^(Simply)ชี้เคอร์เซอร์ไปที่สีและรับรหัสที่คุณต้องการเพื่อให้ตรงกับสี

ต่อไปนี้คือส่วนขยายตัวเลือกสีของ Chrome^(Chrome) 10 รายการที่เริ่มต้นด้วยฟีเจอร์และฟังก์ชันพิเศษที่คุณอาจชอบ

1. เครื่องมือเลือกสี – Geco^{(Color Picker Tool – Geco)}

คุณสามารถรับรหัสสีสำหรับสีใดๆ ที่คุณเห็นบนหน้าเว็บด้วยColor Picker Tool – Geco^{(Color Picker Tool – Geco)}

1. เลือกปุ่มส่วนขยายในแถบเครื่องมือของคุณ
2. ชี้เคอร์เซอร์ไปที่สีที่คุณต้องการระบุ
3. คลิก^(Click)เพื่อบันทึกสีในรายการส่วนขยาย

จากนั้น คุณจะเห็น รหัส HEX , RGBและHSLในส่วนใหม่^(New)และเลือก^(Picked)แล้วของหน้าต่างส่วนขยาย เลือกสีที่คุณระบุก่อนหน้านี้ แล้วคุณจะเห็นรหัสเหล่านั้นในส่วนใหม่^(New)

คุณลักษณะเพิ่มเติม:

• คัดลอก รหัสสีHEX ไปยังคลิปบอร์ดของคุณ โดยอัตโนมัติ เพื่อให้ง่ายต่อการวางเมื่อจำเป็น
• ดาวน์โหลด^(Download)ไฟล์CSVของจานสีของคุณด้วยรหัสHEX , RGBและHSL
• ปรับ^(Adjust)การตั้งค่าสำหรับการคัดลอกไปยังคลิปบอร์ด เปิดใช้งานการแจ้งเตือน และคลิกขวา

2. AKColor

ใช้เครื่องมือ eyedropper จาก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แนบอยู่
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ไปยังคลิปบอร์ดของคุณพร้อมกัน
4. เปิดส่วนขยายอีกครั้งด้วยปุ่มแถบเครื่องมือ แล้วคุณจะเห็นรหัสHEX , RGB , HSL , HSVและCMYK เลือกไอคอนคัดลอกทางด้านขวาของรหัสใดรหัสหนึ่งเพื่อวางไว้บนคลิปบอร์ดของคุณ

คุณลักษณะเพิ่มเติม:

• ใช้แท็บตัวเลือกสี^{(Color Picker)}เพื่อแสดงสีเฉพาะพร้อมรหัสสี
• ลองใช้ แท็บ 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^(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^{(Easy Color Picker)}

1. เลือกปุ่มส่วนขยายในแถบเครื่องมือของคุณ
2. เลือก ปุ่ม เลือก^(Pick)ที่ด้านบนขวาและชี้เคอร์เซอร์ไปที่สี เมื่อคุณเลื่อนตัวชี้ คุณจะเห็นค่าHEXและRGBที่มุมขวาล่างของหน้าต่างเบราว์เซอร์
3. คลิก^(Click)สีที่คุณต้องการ จากนั้นเปิดส่วนขยายอีกครั้งด้วยปุ่มเพื่อดูรหัสHEX , RGBและHSL

แม้ว่าจะไม่มีตัวเลือกการคัดลอกอย่างง่ายสำหรับรหัสสี แต่คุณสามารถคลิกขวาภายในแต่ละช่องแล้วเลือกคัดลอก^(Copy)หากคุณต้องการวางค่าไว้ที่อื่น

8. เครื่องมือเลือกสี Colorfly^{(Colorfly Color Picker)}

คล้ายกับEasy 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^{(Chrome browser extension)}พื้นฐานอื่นมีชื่อเหมือนกับอีกชื่อหนึ่งในรายการของเราColor Pickerตัวนี้มาจาก kipelovvycheslav

1. เลือกปุ่มส่วนขยายในแถบเครื่องมือของคุณ
2. ชี้เคอร์เซอร์ไปที่สีที่คุณต้องการระบุแล้วคลิก
3. เปิดส่วนขยายอีกครั้งเพื่อดูรหัสสีHEX , HSLและRGB

10. เครื่องมือเลือกสีอัจฉริยะ^{(Smart Color Picker)}

ส่วนขยาย Chrome^(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

• 6 Best Pregnancy Apps ของ 2021

• 5 Best Apps ซื้อ Stocks สำหรับ Free

• 14 แอพ Android ที่ดีที่สุดในการขายของใช้ในพื้นที่ (2022)

• 5 Best Anonymous File Sharing and Hosting Sites

• The 11 Best IRC Clients สำหรับ Windows, Mac, และ Linux ในปี 2022

• 5 Best Cash Advance Apps สำหรับ iPhone and Android

• 7 Best Android Reminder Apps

• วิธีที่ดีที่สุดในการถ่ายโอนไฟล์ขนาดใหญ่ทางออนไลน์

• 4 Best Apps ถึง Remotely View A Webcam บน iOS and Android

• 12 Best Free Android Calculator Apps and Widgets

• Best Free Karaoke Software สำหรับ Windows

• เครื่องมือที่ดีที่สุดสำหรับการคัดลอกไฟล์จำนวนมากใน Windows

• 7 Best iTunes ทางเลือกในการจัดการ Music Collection ของคุณ

• 10 บอท Discord ที่ดีที่สุดที่เจ้าของเซิร์ฟเวอร์ทุกคนควรลอง

• เครื่องสแกนไวรัสและมัลแวร์ที่ดีที่สุดที่รับประกันว่าจะกำจัดไวรัสใดๆ ได้