[ColorHighlighter] ช่วยเลือกสีที่ต้องการใน Sublime Text

วันนี้ผมจะมาแนะนำปลักอินตัวนึงที่น่าสนใจของ Sublime Text กันครับ โดนเจ้าตัวมันชื่อว่า ColorHighlighter ความสามารถของมันก็ตามชื่อเลยนั้นเอง คือ เน้นสี นั้นเอง โดยเจ้า Color Highlighter นี้จะทำการเน้นสีในค่าสีที่เราได้ใส่ไว้นั้นเองตามภาพด้านล่างนั้นเองครับ โดยปลักอินตัวนี้ทำงานใน Sublime Text 2 and 3 ครับ

การเน้นสี แล้วแสดงไอคอนของสีด้วย
การเน้นสีธรรมดา
ุถ้าจำสีที่ต้องการไม่ได้ สามารถกด Ctrl+Shift+c ในการเรียกตัวช่วยได้

วิธีการติดตั้ง มี 4 วิธีด้วยกันนะครับ แต่ในนี้จะขอสอนวิธีติดตั้งใน Sublime Package Control

  • เปิดโปรแกรม Sublime แล้วกด Ctrl+Shift+P แล้วเลือก select Package Control: Install Package
  • เลือก Color Highlighter เป็นอันเสร็จ (รอติดตั้งซักคู่)

 

วิธีการใช้งาน

คลิกที่สีที่ต้องการดูตามภาพด้านล่าง ก็จะแสดงสีเป็นพื้นหลังของข้อความสีที่คลิกออกมานั้นเอง

รูปแบบสีที่สามารแสดงผลได้มีหลายอย่างเช่น

  1. สีของ css ทุกรูปแบบ
  2. พวก Hexadecimal RGBA (“0xFFFFFFFF”) หรือ (“0xFFFF”) และ RGB (“0xFFFFFF”) or (“0xFFF”) เป็นต้น
  3. พวกชื่อสีต่าง ๆ เช่น pink หรือ blue เป็นต้น
  4. พวก Less/sass/scss/stylus ต่าง ๆ
แสดงการใช้งานแบบต่าง ๆ

 

โดยเจ้าปลักอินนี้ยังมีวิธีเล่นได้อีกหลายอย่าง ยังไงก็ลองไปอ่านกันที่ Github ของปลักอินตัวนี้นะครับลิงค์ Github ของปลักอินนี้นะครับ https://github.com/Monnoroch/ColorHighlighter

Advertisements

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s