6 ส่วนขยาย Chrome ตัวเลือกสีที่ดีที่สุด

หากคุณเป็นนักออกแบบที่ใช้ Google Chrome เป็นเบราว์เซอร์หลัก คุณต้องมีส่วนขยายตัวเลือกสีสำหรับ Chrome อย่างแน่นอน คุณไม่สามารถคาดเดาได้ว่าคุณจะพบการออกแบบที่น่าประทับใจและจานสีที่ใดใช่ไหม ดังนั้นส่วนขยาย Chrome เพื่อจุดประสงค์นี้จะมีประโยชน์ คุณสามารถเน้นที่สีและคัดลอกโค้ดได้ไม่ว่าคุณจะอยู่ที่ไหน

เนื่องจากมีนักออกแบบและนักพัฒนาหลายพันคน ส่วนขยาย Chrome สำหรับการเลือกสีจึงไม่ใช่เรื่องยาก แต่การขยายแบบสุ่มจะไม่ช่วย นี่คือเหตุผลที่เราได้รวบรวมรายชื่อส่วนขยายตัวเลือกสีที่ดีที่สุดสำหรับ Chrome ในบทความนี้ คุณจะพบเครื่องมือขยายตัวเลือกสีหกตัวสำหรับนักออกแบบ ก่อนที่เราจะทำเช่นนั้น เราต้องพูดถึงเครื่องมือเลือกสีในตัวของ Google Chrome

วิธีใช้ตัวเลือกสีในตัวบน Google Chrome

หลายคนไม่ทราบ แต่ Google Chrome มีเครื่องมือเลือกสีในตัว หากคุณไม่ต้องการใช้ส่วนขยายของบุคคลที่สาม เราขอแนะนำเครื่องมือนี้ อย่างไรก็ตาม เราควรเตือนคุณว่าไม่ใช่ตัวเลือกที่ใช้งานง่ายที่สุด อย่างไรก็ตาม นี่คือวิธีที่คุณสามารถใช้ตัวเลือกสีในตัวบน Chrome

1. คลิกขวาบนหน้าเว็บที่คุณพบสีที่คุณต้องการเลือก
2. เลือกตัวเลือก 'ตรวจสอบ' จากเมนูบริบท
3. ตอนนี้ คุณจะสามารถเห็นตัวเลือกสำหรับนักพัฒนาซอฟต์แวร์บน Chrome
4. ภายใต้แท็บ สไตล์ ให้เลื่อนลงมาจนกว่าคุณจะพบกล่องสี
5. คุณสามารถคลิกที่กล่องสีและอินเทอร์เฟซตัวเลือกสีจะปรากฏขึ้น
6. ตอนนี้คุณสามารถย้ายตัวเลือกสีไปยังสีที่คุณต้องการทราบได้
7. ดับเบิลคลิกที่สีและสีในตัวจะแสดงค่า HEX และรายละเอียดอื่นๆ ให้คุณทราบ

คุณสามารถคัดลอกรหัสสีนี้หรือเลือกการไล่ระดับสีอื่นจากเมนู หากคุณกำลังมองหาค่า RGB ของสี คุณสามารถค้นหาค่าเหล่านี้ได้เช่นกัน นี่คือปัญหา: ไม่มีทางลัดสำหรับเครื่องมือเลือกสีนี้ หมายความว่าคุณจะต้องเปิดเครื่องมือสำหรับนักพัฒนาทุกครั้งที่คุณต้องการเลือกสี เราเชื่อว่าจะไม่ใช่ตัวเลือกที่สะดวกสำหรับคนส่วนใหญ่ นี่เป็นเหตุผลที่เราแนะนำให้เลือกส่วนขยาย Chrome เฉพาะเพื่อการนี้

ดังนั้นเราจึงได้เลือกส่วนขยายตัวเลือกสีที่หลากหลายสำหรับการรวบรวมนี้ บทความเหล่านี้บางบทความมีคุณลักษณะเพิ่มเติมบางอย่าง ในขณะที่บางบทความมีเพียงเล็กน้อย ขึ้นอยู่กับนักออกแบบที่คุณเป็น คุณสามารถเลือกได้ถูกต้อง

รายการส่วนขยายตัวเลือกสีสำหรับ Chrome

#1 ColorZilla

รับ ColorZilla

คะแนนโดยรวม: 9 /10 หน้าจอผู้ใช้ 9 /10 คุณสมบัติ 9 /10 ประสิทธิภาพ 9.5 /10 สนับสนุน 8.5 /10 ราคา 9 /10

ColorZilla น่าจะเป็นส่วนขยายตัวเลือกสีที่ดีที่สุดสำหรับ Chrome ที่คุณสามารถหาได้ในปัจจุบัน ด้วยผู้ใช้มากกว่า 3 ล้านคนและคะแนน 4.4 จาก 5 คะแนน ส่วนขยาย Chrome นี้นำสิ่งที่ดีที่สุดจากทั้งสองโลก เมื่อติดตั้งแล้ว คุณจะพบปุ่ม ColorZilla บนแถบส่วนขยาย คุณสามารถค้นหาตัวเลือกต่างๆ ได้โดยคลิกที่ปุ่ม — และตัวเลือกแรกเรียกว่า เลือกสีจากหน้า ตัวเลือกนี้จะแปลงเคอร์เซอร์ของคุณเป็นตัวเลือกสี และคุณสามารถคลิกที่สีที่คุณต้องการจับภาพได้ ในอีกสักครู่ ColorZilla จะแสดงค่าฐานสิบหกและค่า RGB ของสีให้คุณ

นอกจากนี้ยังมีคุณสมบัติเพิ่มเติมในแพ็คเกจอีกด้วย ตัวอย่างเช่น ตัวเลือกสีขั้นสูงทำงานคล้ายกับ Adobe Photoshop คุณยังสามารถใช้ตัวสร้างการไล่ระดับสี CSS ขั้นสูงสุดได้หากต้องการแนวคิดสีใหม่ๆ สำหรับการออกแบบของคุณ เราชอบฟีเจอร์ Webpage Color Analyzer ใน ColorZilla ด้วย คุณลักษณะนี้จะช่วยให้คุณมีจานสีที่สมบูรณ์ของเว็บไซต์ได้ในคลิกเดียว ColorZilla ติดตามสีทั้งหมดที่คุณเลือกด้วย ดังนั้น คุณสามารถตรวจสอบประวัติเพื่อการอ้างอิงได้ตลอดเวลา

โดยรวมแล้ว ColorZilla นั้นเต็มไปด้วยฟีเจอร์และความเสถียร คุณสามารถใช้เพื่อเลือกสีจากองค์ประกอบเกือบทั้งหมดจากหน้าเว็บ รวมถึงโปรแกรมเล่น Flash และ HTML5

# 2 สีโดย Fardos

รับสีโดย Fardos

คะแนนโดยรวม: 8.8 /10 หน้าจอผู้ใช้ 8.5 /10 คุณสมบัติ 9 /10 ประสิทธิภาพ 9 /10 สนับสนุน 8.5 /10 ราคา 9 /10

Color by Fardos เป็นอีกหนึ่งส่วนขยายของ Chrome ที่คุณวางใจได้เมื่อต้องเลือกสีจากเว็บไซต์ มันบรรจุคุณลักษณะมาตรฐานทั้งหมดที่คุณคาดหวังจากส่วนขยายตัวเลือกสี อย่างไรก็ตาม ไม่เหมือนกับ ColorZilla ส่วนขยาย Color by Fardos ไม่ใช้พื้นที่หรือทรัพยากรมากนัก ในทางกลับกัน คุณจะได้เพลิดเพลินกับคุณลักษณะที่มีประโยชน์บางอย่าง เช่น การซิงค์เบราว์เซอร์หลาย Chrome หมายความว่าสีที่คุณเลือกโดยใช้เบราว์เซอร์ Chrome จะพร้อมใช้งานบนอุปกรณ์อื่นๆ เช่นกัน

ส่วนขยาย Color by Fardos ทำบางสิ่งโดยอัตโนมัติเช่นกัน ตัวอย่างเช่น คุณไม่จำเป็นต้องคัดลอก HEX ของสีที่คุณเลือก เมื่อใดก็ตามที่คุณคลิกที่สี HEX ของสีจะอยู่บนคลิปบอร์ดของคุณ ต้องขอบคุณแผงสีที่ครบถ้วน ทำให้ง่ายต่อการค้นหาการไล่ระดับสีและการผสมผสานที่ลงตัวได้อย่างง่ายดาย คุณยังสามารถสร้างการไล่ระดับสีแบบเส้นตรงหรือแนวรัศมีได้โดยใช้อินพุตจากหน้าเว็บ สุดท้ายแต่ไม่ท้ายสุด เนื่องจากเครื่องมือนี้ใช้เทคโนโลยีการซูม คุณจึงสามารถ เลือก สีได้อย่างแท้จริง

เราขอแนะนำ Color by Fardos หากคุณต้องการทางเลือกที่ง่ายกว่า ColorZilla ในขณะเดียวกันก็มีฟีเจอร์มากมายมากกว่าตัวเลือกสีในตัวของ Chrome

#3 ColorPick Eyedropper

รับ ColorPick Eyedropper

คะแนนโดยรวม: 8.6 /10 หน้าจอผู้ใช้ 8.5 /10 คุณสมบัติ 9 /10 ประสิทธิภาพ 9.5 /10 สนับสนุน 8 /10 ราคา 8 /10

ColorPick Eyedropper จะต้องเป็นทางออกที่ดีที่สุดถัดไปสำหรับการเลือกสีจาก Google Chrome เมื่อพูดถึงคุณสมบัติและความสามารถในการใช้งาน ส่วนขยายนั้นใช้พื้นที่ตรงกลาง แม้ว่าจะไม่มีฟีเจอร์มากมายเท่ากับ ColorZilla แต่ก็ไม่ได้ง่ายเหมือน Color by Fardos เช่นกัน ส่วนขยายนี้มีผู้ใช้มากกว่า 1,000,000 รายและมีคะแนนโดยรวม 4.3 จาก 5 การใช้ส่วนขยายนี้ทำได้ง่ายมากเช่นกัน คุณสามารถคลิกที่ปุ่มขยายเพื่อเปิดใช้งาน eyedropper

จากนั้น คุณเพียงแค่ต้องเลือกสีที่คุณต้องการเลือก ColorPick Eyedropper จะแสดงค่า RGB และ HEX ของสีให้คุณทราบทันที นอกจากความแม่นยำของจุดที่แม่นยำแล้ว ColorPick Eyedropper ยังมีฟังก์ชั่นซูมที่ปรับได้อีกด้วย ดังที่เราเห็นในแอพอื่นๆ มันสามารถเลือกสีจากองค์ประกอบของหน้าเว็บ เช่นเดียวกับโปรแกรมเล่น Flash และ HTML5 ส่วนขยายจะขยายเป็นจานสีที่สมบูรณ์เมื่อคุณคลิกที่สีใดสีหนึ่งเช่นกัน

ดังนั้น หากคุณต้องการการผสมผสานคุณสมบัติและตัวเลือกอื่นๆ ที่ดี คุณควรลองใช้ ColorPick Eyedropper มันไม่แสดงโฆษณาใด ๆ และฟรีทั้งหมด

#4 ยาหยอดตา

รับยาหยอดตา

คะแนนโดยรวม: 8.6 /10 หน้าจอผู้ใช้ 8.5 /10 คุณสมบัติ 9 /10 ประสิทธิภาพ 9.5 /10 สนับสนุน 8 /10 ราคา 8 /10

Eye Dropper เป็นส่วนขยายตัวเลือกสีที่เรียบง่ายเป็นพิเศษสำหรับ Google Chrome ไม่เหมือนกับส่วนขยายอื่น ๆ ที่เราระบุไว้ที่นี่ Eye Dropper ไม่มีคุณลักษณะขั้นสูงใดๆ คุณสามารถเปิดใช้งานส่วนขยาย คลิกที่สีที่คุณต้องการจับภาพ แล้วคุณจะได้ค่า HEX และ RGB คุณยังสามารถตรวจสอบประวัติสีได้หากต้องการข้อมูลอ้างอิง แม้จะเรียบง่าย แต่ส่วนขยาย Eye Dropper ก็มีตัวเลือกการปรับแต่งเช่นกัน ตัวอย่างเช่น คุณสามารถเปลี่ยนพฤติกรรมการเลือกเว็บเพจและส่วนต่อประสานผู้ใช้

#5 ตัวเลือกสีเนียน

รับเครื่องมือเลือกสีเนียน

คะแนนโดยรวม: 8.6 /10 หน้าจอผู้ใช้ 8.5 /10 คุณสมบัติ 9 /10 ประสิทธิภาพ 8.5 /10 สนับสนุน 8.5 /10 ราคา 8.5 /10

Slick Color Picker เป็นหนึ่งในส่วนขยายตัวเลือกสีที่ดูดีกว่าที่คุณสามารถหาได้ใน Google Chrome ส่วนขยายนี้มีอินเทอร์เฟซผู้ใช้ที่ทันสมัยไม่เหมือนกับส่วนขยายอื่นๆ คุณสามารถเลือกสีโดยใช้วิธีการต่างๆ ได้เช่นกัน ตัวอย่างเช่น คุณสามารถคลิกที่สีที่คุณต้องการเลือกหรือใช้ตัวเลื่อนการไล่ระดับสี เมื่อคุณเลือกหนึ่งพิกเซล เครื่องมือจะคัดลอกข้อมูลไปยังคลิปบอร์ดของคุณโดยอัตโนมัติ นอกจากนี้ยังมีคุณลักษณะอัตโนมัติบางอย่าง เช่น ความสามารถในการตรวจจับรูปแบบสีจากหน้าเว็บ

#6 สุดยอดเครื่องมือเลือกสี

รับเครื่องมือเลือกสีขั้นสูงสุด

คะแนนโดยรวม: 8.6 /10 หน้าจอผู้ใช้ 8.5 /10 คุณสมบัติ 9 /10 ประสิทธิภาพ 8.5 /10 สนับสนุน 8.5 /10 ราคา 8.5 /10

เราจบรายการนี้ด้วย Ultimate Color Picker ซึ่งเป็นส่วนขยายที่ตรงตามชื่อของมัน ใน Chrome ส่วนขยายอย่างง่ายนี้สร้างวิธีเลือกสีและค้นหาค่า RGB อย่างมีประสิทธิภาพ คุณยังสามารถค้นหารายการสีทั้งหมดที่คุณเลือกภายในระยะเวลาหนึ่งได้อีกด้วย ฟังก์ชันซูมและคุณสมบัติการคัดลอกอัตโนมัติยังเหมาะสำหรับนักออกแบบส่วนใหญ่อีกด้วย เครื่องมือเลือกสีสไตล์ Photoshop จะมีประโยชน์สำหรับมืออาชีพเช่นกัน สุดท้ายแต่ไม่ท้ายสุด ส่วนขยาย Ultimate Color Picker มาพร้อมกับทางลัดในตัวสำหรับการเปิดตัว

คำถามที่พบบ่อย

บรรทัดล่าง

คุณไม่คิดว่าส่วนขยายตัวเลือกสีของบุคคลที่สามสำหรับ Chrome ดีกว่าเครื่องมือตัวเลือกสีที่ซ่อนอยู่หรือไม่ เรามีเหตุผลที่จะเชื่ออย่างนั้น เรายังต้องการเพิ่มเติมว่าเครื่องมือทั้งหมดที่เรากล่าวถึงในที่นี้ปลอดภัย 100% และเป็นมิตรกับความเป็นส่วนตัว ดังนั้นคุณจึงสามารถใช้งานได้โดยไม่ต้องกังวลใดๆ