Brackets Color Palette Extension

Color Palette เครื่องมือจำเป็น สำหรับการดูดสี

ปกติแล้ว ก่อนที่เราจะเริ่มเขียน Code สำหรับ Website แต่ละหน้า เราะมักจะทำการออกแบบหน้าตา และสีของแต่ละหน้า บน Photoshop/Illustrator/Sketch ก่อน แต่บางทีเราก็ไม่ได้จดไว้ว่า ปุ่มที่เราออกแบบไว้สีอะไร Tab สีอะไร ครั้นจะเปิด Photoshop ขึ้นมาเพื่อเช็คสี ก็เสียเวลาอีก
Brackets มีเครื่องมือที่สามารถช่วยให้คุณเช็คสีจากรูปได้ง่ายๆ โดยการลง Extension ที่ชื่อว่า Brakcets Color Palette

การใช้งาน Brakcets Color Palette ก็ง่ายมากครับ
• เปิด file รูปที่ต้องการดูดสีขึ้นมาใน Brackets (Double Click ที่ชื่อรูปในแถบซ้ายมือครับ)
• กดที่จานสี ด้านซ้าย

• Brackets Color Palette จะเปิด Panel ขึ้นมาด้านล่าง เราสามารถเลื่อนรูปด้านซ้าย เพื่อดูรูป และจุดที่ต้องการเพื่อทำการดูดสีได้เลยครับ

• หลังจากกดแล้ว เราก็สามถ Copy ค่าสีไปใช้งานใน Website ของเราได้เลย

สะดวก รวดเร็ว และไม่เปลือง resource เครื่องแบบนี้ ต้องลองดูนะครับ ผมใช้แล้ว ติดใจมากเลย

* ผมขอออกตัวก่อนนะครับ ว่าผมไม่ได้เก่งกาจอะไร เพียงแต่ขอนำเสนอเท่านั้นเอง