แสดงรหัสสีบนหน้าเว็บไซต์

 

บทความนี้เอาใจนักออกแบบกราฟฟิกส์ และนัก ออกแบบ เว็บไซต์ กันหน่อยครับ Add-ons ของ Firefox ตัวนี้มีชื่อว่า Rainbow Color Tools 1.5.1 ซึ่งมีความสามารถในการแสดงรหัสสีสำหรับการออกแบบกราฟฟิกส์ ตัวอย่างเช่น #FFFFFF เป็นรหัสของสีขาวเป็นต้น ซึ่งโดยปกติเมื่อเราเยี่ยมชมเว็บไซต์ ต่าง ๆ แล้วรู้สึกชื่นขอบกับสีที่ เว็บไซต์ นั้น ๆ ใช้ กว่าที่เราจะทราบว่ารหัสสีนั้นเป็นสีอะไรก็ต้องวุ่นวายหลายขั้นตอน หากติดตั้ง Add-ons ตัวนี้แล้วปัญหาดังกล่าวจะหมดไป

 

สนใจติดตั้ง Rainbow Color Toos คลิกที่นี่ ซึ่งจะเข้าสู่หน้าเว็บเพจสำหรับการติดตั้ง คลิกปุ่ม + Add to Firefox

 

 

ขั้นตอนต่อมาให้รอนับถอยหลังจนครับ เสร็จแล้วจะปรากฏปุ่ม Install คลิกปุ่ม Install เพื่อดำเนินการติดตั้ง ทำการ Restart Firefox (ปิดแล้วเปิดใหม่) เป็นอันเสร็จเรียบร้อยสำหรับการติดตั้ง

 

 

เมื่อเปิด Firefox ขึ้นมา คลิกเมนู Tools >Rainbow > Inspector 

 

 

 

เมื่อนำเมาส์ไปชี้ที่สีใด ๆ บนเว็บก็จะปรากฏรหัสสีขึ้นมา จากตัวอย่างผมชี้ที่สีแดง ก็จะแสดงรหัสของสีแดงขึ้นมา

 

 

หากต้องการรหัสสีนี้ก็แค่คลิกเมาส์ 1 ครับ รหัสสีจะถูกจำลงบน Clipboard ซึ่งเราสามารถนำรหัสดังกล่าวไปใช้งานได้ทันที

 

 

สำหรับเมนูอื่น ๆ ของ Add-ons ตัวนี้ทดลองได้เองครับไม่ยุ่งยากอะไร


      กลับเมนูหลัก Add-ons Firefox

แนะนำ Firefox

การค้นหา Add-ons

ติดตั้ง Themes ให้ Firefox

พื้นฐานการสร้างเว็บไซต์ที่ควรรู้


Mozilla Firefox คือโปรแกรม Web Browser ที่สามารถ Download ได้ฟรี และมีโปรแกรมเสริมความสามารถมากมาย