ดาวน์โหลดโปรแกรมฟรี
       
   สมัครสมาชิก   เข้าสู่ระบบ
THAIWARE.COM | ทิปส์ไอที
 

วิธีหาค่าสี Hex Color ที่ต้องการจากบนหน้าจอของคุณ

วิธีหาค่าสี Hex Color ที่ต้องการจากบนหน้าจอของคุณ

เมื่อ :
|  ผู้เข้าชม : 10,219
เขียนโดย :
0 %E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%AB%E0%B8%B2%E0%B8%84%E0%B9%88%E0%B8%B2%E0%B8%AA%E0%B8%B5+Hex+Color+%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%95%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%88%E0%B8%B2%E0%B8%81%E0%B8%9A%E0%B8%99%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%88%E0%B8%AD%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B8%84%E0%B8%B8%E0%B8%93
A- A+
แชร์หน้าเว็บนี้ :

วิธีหาค่าสี Hex Color ที่ต้องการจากบนหน้าจอของคุณ
(How to find the Hex Value of any color on your screen ?)

เคยไหม ? เวลาที่คุณรู้สึกว่าสีของรูปวอลเปเปอร์ที่แสดงอยู่บนหน้าจอ หรือโทนสีของรูปค้นหาได้จากอินเตอร์เน็ต เป็นโทนสีสวยที่น่าเอาไปต่อยอดทำอะไรอย่างอื่น เช่น ทำสีตัวอักษร ทำงานออกแบบ หรือเปลี่ยนมู้ดหรือโทนรูปให้เป็นสีนั้น ๆ แต่พอเวลาไปจิ้มหาจริง ๆ ก็รู้สึกว่ามันไม่ตรง มันไม่ใช่ มันคนละความรู้สึกกัน ดังนั้น เราก็เลยมีทางออกในการหาสีที่คุณต้องการแบบเป๊ะ ๆ ด้วย วิธีหาค่าสี Hex Color ในรูปแบบต่าง ๆ ที่สามารถจิ้มจากรูปภาพ หรือจุดที่คุณต้องการ เอามาใช้งานต่อได้ทันที

เนื้อหาภายในบทความ

  1. โปรแกรม Instant Eyedropper บนระบบปฏิบัติการ Windows
    (Instant Eyedropper software on Windows OS)
  2. โปรแกรม SIP บนระบบปฏิบัติการ macOS
    (SIP software on macOS)
  3. เครื่องมือ Digital Color Meter บนระบบปฏิบัติการ macOS
    (Digital Color Meter tool on macOS)
  4. ส่วนเสริม ColorZilla บนเบราว์เซอร์ Chrome และ Firefox
    (Colorzilla for Google Chrome and Mozilla Firefox extensions)
  5. เครื่องมือ Markup Tool บนอุปกรณ์ iPhone และ iPad
    (Markup Tool on iPhone and iPad)
  6. แอป Color Picker บนระบบปฏิบัติการ Android
    (Color Picker application on Android OS)

1. โปรแกรม Instant Eyedropper บนระบบปฏิบัติการ Windows
(Instant Eyedropper software on Windows OS)

Instant Eyedropper เป็นแอปพลิเคชันที่สามารถจับสีบนจอออกมาเป็นค่า Hex Value ได้ตรงที่สุด ซึ่งคุณจะเห็นโค้ดสีในพิกเซลที่อยู่ใต้เคอร์เซอร์เมาส์เมื่อชี้ไป และเมื่อคลิกแล้วปล่อยปุ่ม ก็จะได้ค่า Hex ของสีนั้น ๆ ก๊อปปี้รอบนคลิปบอร์ดไว้ พร้อมวางโค้ดสีในโปรแกรมอื่น ๆ ที่ต้องการได้ทันที

โปรแกรม Instant Eyedropper บนระบบปฏิบัติการ Windows (Instant Eyedropper software on Windows OS)
เครดิตภาพ : https://www.makeuseof.com/tag/find-hex-value-color-screen/

ดาวน์โหลดโปรแกรม Instant Eyedropper ได้ที่นี่ :

เงื่อนไขการใช้งาน :

  • สามารถใช้งานได้ฟรีไม่มีเงื่อนไข

2. โปรแกรม SIP บนระบบปฏิบัติการ macOS
(SIP software on macOS)

SIP เป็นโปรแกรมที่สามารถจับสีได้จากแถบเมนูของระบบปฏิบัติการ Mac โดยตรง ง่าย ๆ เพียงแค่คลิกที่ "ไอคอน SIP" บนแถบเมนู แล้วเลือก "ฟีเจอร์ Eyedropper" ที่ "เมนู Dropdown" โดยฟีเจอร์ดังกล่าว จะรองรับสีทั้งหมดที่อยู่ในขอบเขต "24-Color Formats" และยังสามารถสร้างและแบ่งปันพาเลตสีให้คนอื่น ๆ ใช้งานได้ด้วย

โปรแกรม SIP บนระบบปฏิบัติการ macOS (SIP software on macOS)
เครดิตภาพ : https://www.makeuseof.com/tag/find-hex-value-color-screen/

ดาวน์โหลดโปรแกรม SIP ได้ที่นี่ :

เงื่อนไขการใช้งาน :

  • ทดลองใช้งานฟรี 15 วัน จากนั้นจะมีค่าใช้จ่ายอยู่ที่ 800 บาท / เครื่อง

3. เครื่องมือ Digital Color Meter บนระบบปฏิบัติการ macOS
(Digital Color Meter tool on macOS)

Digital Color Meter เป็นฟังก์ชัน หรือเครื่องมือ ที่มีมาให้ใช้งานในเครื่อง Mac และสามารถช่วยในการหาโค้ดสีเพื่อนำมาใช้งานได้ สามารถจับสีจากหน้าจอได้เลยโดยไม่ต้องติดตั้งโปรแกรมหรือส่วนเสริมอื่นใดให้ยุ่งยาก เมื่อต้องการใช้งานค้นหาโค้ดสีจากองค์ประกอบบนหน้าจอที่ต้องการได้เลยทันที

เครื่องมือ Digital Color Meter บนระบบปฏิบัติการ macOS (Digital Color Meter tool on macOS)
เครดิตภาพ : https://www.makeuseof.com/tag/find-hex-value-color-screen/

4. ส่วนเสริม ColorZilla บนเบราว์เซอร์ Chrome และ Firefox
(Colorzilla for Google Chrome and Mozilla Firefox extensions)

ColorZilla จะแปลกแหวกแนวกว่าโปรแกรมอื่น ๆ ที่เราแนะนำมาข้างต้นเล็กน้อย เพราะมันไม่ใช่สิ่งที่ถูกติดตั้งไว้ในเครื่อง แต่เป็นส่วนเสริมที่จะต้องถูกติดตั้งบน เว็บเบราว์เซอร์ (Web Browser) ของคุณก่อนเริ่มต้นใช้งาน

ซึ่ง ColorZilla ถือเป็นส่วนเสริมที่ได้รับความนิยมในการค้นหาค่า Hex จากบนหน้าจอ หลังจากที่คุณทำการค้นหาและติดตั้งส่วนเสริมนี้แล้วเรียบร้อย ให้คลิกที่ "ไอคอน ColorZilla" บนแถบเครื่องมือของเว็บเบราว์เซอร์เพื่อเริ่มต้นดูดสีไปใช้ได้เลย

ส่วนเสริม ColorZilla บนเบราว์เซอร์ Chrome และ Firefox (Colorzilla for Google Chrome and Mozilla Firefox extensions)

เคลื่อนที่เมาส์ไปไว้เหนือพิกเซลใดก็ได้ คุณจะเห็นทั้งค่า Hex และค่า RGB ปรากฎขึ้น ให้คลิกที่พิกเซลที่ต้องการเพื่อวางค่า Hex ไว้บนคลิปบอร์ด ซึ่งในการตั้งค่าส่วนเสริม ก็สามารถคลิกที่ฟอร์แมตค่าสีที่ต่างกันเพื่อเลือกฟอร์แมตสีที่ต่างกันในการใช้งานฟีเจอร์คัดลอกอัตโนมัติได้ด้วย

ดาวน์โหลดโปรแกรม ColorZilla สำหรับ Chrome ได้ที่นี่ :

ดาวน์โหลดโปรแกรม ColorZilla สำหรับ Firefox ได้ที่นี่ :

เงื่อนไขการใช้งาน :

  • สามารถใช้งานได้ฟรีไม่มีเงื่อนไข

5. เครื่องมือ Markup Tool บนอุปกรณ์ iPhone และ iPad
(Markup Tool on iPhone and iPad)

Markup Tool ไม่ใช่โปรแกรม และไม่ใช่แอปพลิเคชัน แต่มันเป็นเครื่องมือที่มีมาให้อยู่แล้วกับการแต่งภาพพื้นฐานด้วย "แอป Photos" ที่เป็นของ Apple เอง ถึงแม้ว่ามันอาจจะดูไม่ค่อยตรงคอนเซปต์กับการดูดสีจากหน้าจอแบบที่เรากล่าวมาข้างต้นสักเท่าไหร่ แต่มันก็สามารถดูดสีจากรูปที่คุณต้องการได้นะ มาดูวิธีทำกัน

เครื่องมือ Markup Tool บนอุปกรณ์ iPhone และ iPad (Markup Tool on iPhone and iPad)  

  1. จัดการแคปรูปหน้าจอที่คุณต้องการบน iPhone / iPad แตะที่รูปพริวิวสกรีนช็อตที่คุณเพิ่งแคปมา
  2. เมื่อจอแก้ไขรูปภาพ (Markup) ปรากฎขึ้น ให้แตะที่ "ไอคอนวงกลมสี" ที่อยู่ถัดจากไม้บรรทัดบริเวณแถบเครื่องมือด้านล่าง
  3. แตะที่ "ไอคอนหลอดดูดสี" บริเวณมุมซ้ายบนของหน้าต่างเลือกสีที่เพิ่งปรากฎขึ้นมาใหม่
  4. แตะแล้วลากแว่นขยาย ไปยังบริเวณสีที่ต้องการดูดออกมาบนหน้าจอ เมื่อเลือกเสร็จเรียบร้อย แตะที่ "เมนู Sliders" สีที่ต้องการก็จะมาปรากฎที่ถาดสีของเราแล้ว

เครื่องมือ Markup Tool บนอุปกรณ์ iPhone และ iPad (Markup Tool on iPhone and iPad)

6. แอป Color Picker บนระบบปฏิบัติการ Android
(Color Picker application on Android OS)

Color Picker ที่เป็นทางเลือกสำหรับผู้ใช้งานมือถือระบบแอนดรอยด์ แต่คุณจะต้องพึ่งพาแอปฯ กันสักเล็กน้อย เพราะไม่ได้มีเป็นฟีเจอร์ติดมาให้ในเครื่อง แต่สิ่งที่คุณจะได้เพิ่มเติมมาก็คือ นอกเหนือจากการดูดสีจากบนหน้าจอแล้ว ยังสามารถใช้กล้องเพื่อถ่ายรูปแล้วหาโค้ดสี Hex จากรูปที่ถ่ายมาได้ด้วย โดยมีวิธีการดังต่อไปนี้

แอป Color Picker บนระบบปฏิบัติการ Android (Color Picker application on Android OS)   แอป Color Picker บนระบบปฏิบัติการ Android (Color Picker application on Android OS)
เครดิตภาพ : https://www.makeuseof.com/tag/find-hex-value-color-screen/

  1. เมื่อคุณติดตั้งแอปที่ชื่อว่า Color Picker by Mikhail Gribanov จาก Play Store เสร็จเรียบร้อยแล้ว ให้จัดการแคปรูปหน้าจอที่ต้องการเอาไว้ และเปิดแอปขึ้นมา
  2. ขั้นตอนต่อไป ให้แตะที่ "เมนู Open Image" แล้วเลือกรูปที่คุณแคปไว้ก่อนหน้าจากคลังรูปภาพขึ้นมา
  3. ในขั้นตอนนี้ ให้เราจัดการแพนรูปภาพแล้วซูมจนเจอเฉดสีที่คุณต้องการ เพียงเท่านี้ก็จะได้โค้ดสี Hex เอาไว้ไปใช้งานต่อแล้วล่ะ

ดาวน์โหลดแอปพลิเคชัน Color Picker ได้ที่นี่ :

เงื่อนไขการใช้งาน :

  • สามารถใช้งานได้ฟรีไม่มีเงื่อนไข

ที่มา : www.makeuseof.com

0 %E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%AB%E0%B8%B2%E0%B8%84%E0%B9%88%E0%B8%B2%E0%B8%AA%E0%B8%B5+Hex+Color+%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%95%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%88%E0%B8%B2%E0%B8%81%E0%B8%9A%E0%B8%99%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%88%E0%B8%AD%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B8%84%E0%B8%B8%E0%B8%93
แชร์หน้าเว็บนี้ :
Keyword คำสำคัญ »
เขียนโดย
สมาชิก : Member    สมาชิก
เกมเมอร์หญิงทาสแมว ถ้าอยู่กับแมวแล้วจะน้วยแมวทั้งวัน
 
 
 

ทิปส์ไอทีที่เกี่ยวข้อง

 


 

แสดงความคิดเห็น