การดึงสีอย่างรวดเร็วจากภาพ โดยมีความแม่นยำในระดับพิกเซล
ค้นหา Hex Code จากภาพ ดึงค่าของสีที่แน่นอนจากภาพโดยใช้เครื่องมือหยิบสีที่แม่นยำ, ขยายภาพ, และประวัติในแผงด้านข้างสำหรับการสร้างพาเลตอย่างรวดเร็ว ส่วนขยายนี้ที่เสนอโดย Find Hex Code from Image ทำงานภายใน Chrome และเบราว์เซอร์ที่ใช้ Chromium อื่น ๆ และรองรับการอัปโหลด, ลากและวาง, หรือการวางจากคลิปบอร์ด มันแสดงค่า Hex, RGB, และ HSL ทันที ซึ่งเหมาะสำหรับนักออกแบบเว็บ, นักพัฒนาส่วนหน้า, และผู้เชี่ยวชาญด้าน UI ที่ต้องการรหัสสีที่พร้อมสำหรับนักพัฒนาอย่างรวดเร็วสำหรับการสร้างต้นแบบและงาน CSS。
สิ่งที่ส่วนขยายทำสำหรับการทำงานกับสี
ค้นหา Hex Code จากภาพ มุ่งเน้นไปที่งานเดียวในการเปลี่ยนพิกเซลให้เป็นค่าที่ใช้ได้ของสี มันรองรับภาพโดยการอัปโหลดไฟล์, ลากและวาง, หรือ Ctrl+V วาง และแสดง Hex, RGB, และ HSL โค้ดทันที เครื่องมือนี้ยังให้การเปรียบเทียบแบบข้างเคียงเพื่อให้คุณสามารถสร้างพาเลตขนาดเล็กในขณะที่เก็บค่าตัวเลขที่แน่นอนพร้อมสำหรับ CSS หรือเอกสารการออกแบบ
การเลือกที่แม่นยำทำงานอย่างไรในองค์ประกอบขนาดเล็ก
แว่นขยายให้การกำหนดเป้าหมายในระดับพิกเซล ซึ่งช่วยให้คุณสามารถตัวอย่างขอบ, ไอคอนเล็กๆ, และขอบที่มีการต่อต้านการเบลอโดยไม่ต้องเปิดโปรแกรมแก้ไขภาพ เครื่องมือหยดสีทำงานที่ความละเอียดพิกเซลเดียว และแว่นขยายขยายพื้นที่เพื่อการยืนยันทางสายตาก่อนที่คุณจะคัดลอกโค้ดสี ซึ่งช่วยลดการเดาเมื่อทำงานกับเกรเดียนต์หนาแน่นหรือองค์ประกอบ UI ที่กะทัดรัด
การทำงานที่เบาและประสิทธิภาพการทำงาน
ส่วนขยายนี้ถูกนำเสนอเป็นทางเลือกที่เบาแทนโปรแกรมแก้ไขภาพเต็มรูปแบบ ดังนั้นจึงมุ่งเน้นไปที่การจับภาพอย่างรวดเร็วแทนการจัดการภาพ ตัวเลือกการวางจากคลิปบอร์ดช่วยเร่งการวิเคราะห์ภาพหน้าจอโดยการลบขั้นตอนการบันทึกไฟล์ เนื่องจากมันทำงานภายใน Chrome มันจึงเก็บการจับสีไว้ภายในการทำงานของเบราว์เซอร์ที่นักออกแบบใช้สำหรับการสร้างต้นแบบและการแก้ไขข้อบกพร่องด้านหน้า
การจัดเก็บประวัติและการจัดการพาเลตที่ใช้งานได้จริง
แผงด้านข้างที่คงอยู่เก็บสีที่ตัวอย่างล่าสุด ช่วยให้การเปรียบเทียบอย่างรวดเร็วและการสร้างพาเลตแบบค่อยเป็นค่อยไปในขณะที่คุณทำงาน ประวัติช่วยป้องกันการสูญเสียค่าที่ตัวอย่างในระหว่างเซสชันและช่วยให้คุณคัดลอก Hex, RGB, หรือ HSL โค้ดที่บันทึกไว้ก่อนหน้านี้โดยไม่ต้องตัวอย่างภาพใหม่ ซึ่งช่วยประหยัดเวลาเมื่อประกอบคู่มือสไตล์หรือเช็คความแปรผัน
เคล็ดลับการทำงานที่เหมาะสมและใช้งานได้จริง
ส่วนขยายนี้เหมาะสำหรับนักออกแบบและนักพัฒนาที่ต้องการเพียงค่าเฉดสีที่ถูกต้องแทนที่จะเป็นการแก้ไขภาพทั้งหมด; มันช่วยลดขั้นตอนที่จำเป็นในการแปลงพิกเซลภาพให้เป็นโค้ดที่พร้อมใช้งานบนเว็บ สำหรับผลลัพธ์ที่รวดเร็วขึ้น ให้เปิดภาพอ้างอิงของคุณในแท็บแยกต่างหากในขณะที่คุณทำการสุ่มตัวอย่างเพื่อให้คุณสามารถเปลี่ยนบริบทได้โดยไม่ต้องบันทึกไฟล์ ส่วนขยายนี้ทำให้การดึงสีเป็นงานที่มุ่งเน้นในเบราว์เซอร์สำหรับกระบวนการทำงานในการผลิต.
