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