ColorZilla เป็น Add-ons ใน Firefox และ Chrome ตัวนี้ช่วยดูดสีตามหน้าเว็บที่เราชอบแล้ว copy โค๊ดสีออกมาได้เลย สะดวกมากสำหรับการออกแบบเว็บไซต์ และ banner ต่างๆ หรือเอาไปใส่ใน Inspect Element สำหรับ preview การเปลี่ยนสี font สี background และสีของ object อื่นๆ ได้สบายมาก
อยากรู้ว่ามันเจ๋งยังไง เรามาลองติดตั้งและใช้งานกันดู (บทความนี้ใช้ Firefox)
1. ที่ Firefox เปิด Add-ons Manager ขึ้นมา
2. ที่แท็บ Get Add-ons ให้พิมพ์คำว่า colorzilla ในช่อง search แล้วกด Enter จากนั้นเลือก Install ColorZilla
3. เสร็จแล้วมันจะมาอยู่ที่แท็บ Extensions เราต้อง restart browser ก่อนจึงจะใช้งานได้ โดยปิด Firefox แล้วเปิดใหม่
4. ทีนี้ก็พร้อมใช้งานแล้ว
5. กดรูป dropper แล้วเลือกบริเวณสีที่เราต้องการ
6. คลิก 1 ครั้ง ก็จะได้สีที่เราต้องการพร้อมกับ copy โค๊ดให้เรียบร้อย
นำไป paste หรือ Ctrl+V ได้เลย ตามตัวอย่างนี้ได้โค๊ด #26A9E1
นอกจากความสามารถในการดูดสีแล้ว ColorZilla ยังมีความสามารถอื่นอีก
ให้คลิกขวาที่ข้าง dropper ออกมาแล้วลองเล่นกันดู
น่าจะถูกใจพวกเราชาว web design นะคะ
บทความ/รูปภาพ : Webmonster Lab | Yui K Artist