อยากรู้ว่าสีแบบนี้ใช้โค๊ดอะไร ใช้ตัวดูดสี ColorZilla ดูสิ

ColorZilla เป็น Add-ons ใน Firefox และ Chrome ตัวนี้ช่วยดูดสีตามหน้าเว็บที่เราชอบแล้ว copy โค๊ดสีออกมาได้เลย สะดวกมากสำหรับการออกแบบเว็บไซต์ และ banner ต่างๆ หรือเอาไปใส่ใน Inspect Element สำหรับ preview การเปลี่ยนสี font สี background และสีของ object อื่นๆ ได้สบายมาก

• อ่านบทความ ใช้ Inspect Element ช่วยแก้ไข CSS กันเถอะ ทำงานเร็วกว่าเยอะ

อยากรู้ว่ามันเจ๋งยังไง เรามาลองติดตั้งและใช้งานกันดู (บทความนี้ใช้ 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