Firefox: วิธีระบุสีเฉพาะในหน้าเว็บ

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

วิธีใช้ตัวเลือกสี

ตัวเลือกสีของ Firefox มีอยู่ในแถบเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ หากต้องการเข้าถึง ให้คลิกไอคอนเมนูเบอร์เกอร์ที่มุมบนขวา จากนั้นคลิก "นักพัฒนาเว็บ" ซึ่งอยู่ที่สี่จากด้านล่าง

คลิกที่ไอคอนเมนูเบอร์เกอร์ที่มุมบนขวา จากนั้นคลิก “นักพัฒนาเว็บ”

ในรายการเครื่องมือสำหรับนักพัฒนาเว็บ ให้คลิกที่ "Eyedropper" และเครื่องมือ eyedropper จะเปิดขึ้น

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

ในรายการเครื่องมือสำหรับนักพัฒนาเว็บ ให้เลือก "Eyedropper"

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

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

เลื่อนเมาส์ไปบนพิกเซลที่คุณต้องการให้เป็นสี จากนั้นจดรหัสสี HTML หรือคลิกเพื่อคัดลอกไปยังคลิปบอร์ดของคุณ