อยากรู้ว่าสีแบบนี้ใช้โค๊ดอะไร ใช้ตัวดูดสี ColorZilla ดูสิ
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. Copy / Paste
- คลิก 1 ครั้ง ก็จะได้สีที่เราต้องการพร้อมกับ copy โค๊ดให้เรียบร้อย
- นำไป paste หรือ Ctrl+V ได้เลย ตามตัวอย่างนี้ได้โค้ดสี #26A9E1
อื่นๆ
- นอกจากความสามารถในการดูดสีแล้ว ColorZilla ยังมีความสามารถอื่นอีก
- ให้คลิกขวาที่ข้าง dropper ออกมาแล้วลองเล่นกันดู
- น่าจะถูกใจพวกเราชาว web design นะคะ
บทความ/รูปภาพ : Webmonster Lab | Yui Kanchita
พี่ยุ้ย กัญญ์ชิตา
นักออกแบบเว็บไซต์ uxui, วิทยากร อาจารย์, สนุกกับการใช้ WordPress Elementor Figma, รักในสุนทรีย์แห่งชีวิตเรียบง่าย ... ขอบคุณทุกคนจ้าที่แวะมา : ) รู้จักยุ้ยมากขึ้น
