ดาวน์โหลดโปรแกรมฟรี
Facebook  Twitter  YouTube  News Letter  Rss Feed
ติดตามไทยแวร์ได้ที่นี่
  
THAIWARE.COM | ทิปส์ไอที
 
ส่งทิปส์ไอทีเข้าไทยแวร์ดอทคอม (Submit Tips to Thaiware.com)

เทคนิคเช็คสี ดูโค้ดสี บนหน้าจอ ด้วยโปรแกรม Digital Color Meter ทั้งใน Windows และ Mac

เมื่อ :
ผู้เข้าชม : 4,218
เขียนโดย :
เทคนิคเช็คสี ดูโค้ดสี บนหน้าจอ ด้วยโปรแกรม Digital Color Meter ทั้งใน Windows และ Mac
0 %E0%B9%80%E0%B8%97%E0%B8%84%E0%B8%99%E0%B8%B4%E0%B8%84%E0%B9%80%E0%B8%8A%E0%B9%87%E0%B8%84%E0%B8%AA%E0%B8%B5+%E0%B8%94%E0%B8%B9%E0%B9%82%E0%B8%84%E0%B9%89%E0%B8%94%E0%B8%AA%E0%B8%B5+%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%94%E0%B9%89%E0%B8%A7%E0%B8%A2%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%81%E0%B8%81%E0%B8%A3%E0%B8%A1+Digital+Color+Meter+%E0%B8%97%E0%B8%B1%E0%B9%89%E0%B8%87%E0%B9%83%E0%B8%99+Windows+%E0%B9%81%E0%B8%A5%E0%B8%B0+Mac
A- A+

เวลาเพื่อนๆ เจอสีที่ถูกใจตามเว็บ หรือ รูปภาพต่างๆ บนคอมพิวเตอร์ แต่ไม่รู้ว่าจะหาโค้ดสี (Color Code) ได้อย่างไร วันนี้เราจะมาแนะนำเครื่องมือเช็คโค้ดสี ได้ทั้งรูปแบบ Hex Color และ RGB Color บันทึกรายชื่อสี เก็บไปใช้งานต่อได้สบายๆ ทั้งบนระบบ Windows และ macOS ได้เลย ส่วนวิธีทำจะเป็นยังไงนั้น มาดูกันเลย


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

*โปรแกรมนี้เป็นโปรแกรม Alternative บน Windows ที่ออกแบบมาให้ใช้งานได้คล้ายๆ Digital Color Meter บนระบบ macOS ครับ

ดาวน์โหลด

สไลด์รูปภาพ

 เทคนิคเช็คสี ดูโค้ดสี บนหน้าจอ ด้วยโปรแกรม Digital Color Meter ทั้งใน Windows และ Macเทคนิคเช็คสี ดูโค้ดสี บนหน้าจอ ด้วยโปรแกรม Digital Color Meter ทั้งใน Windows และ Mac

หลังจากดาวน์โหลดเสร็จแล้ว ก็เปิดโปรแกรมขึ้นมา หากต้องการดูดโค้ดสีตรงส่วนไหน ก็สามารถลากเมาส์ไปส่วนที่เราต้องการบนหน้าจอได้เลยทันที ถ้าต้องการบันทึกโค้ดที่แสดงตรงจุดนั้นให้กดปุ่ม Spacebar เพื่อบันทึกลงโปรแกรมครับ

เทคนิคเช็คสี ดูโค้ดสี บนหน้าจอ ด้วยโปรแกรม Digital Color Meter ทั้งใน Windows และ Mac

เราสามารถเลือกได้ว่าจะคัดลอกสีที่เราเลือกจากโปรแกรมในรูปแบบ RGB หรือ HEX ก็เลือกตามช่องได้เลย

  • สามารถกดปุ่ม "Ctrl+C" เพื่อคัดลอกสีที่เลือกไว้

ถ้าใครอยากบันทึกรายชื่อโค้ดสีทั้งหมดภายในครั้งเดียว

  • ก็สามารถกดปุ่ม "Ctrl+L" เพื่อคัดลอกสีทั้งหมดที่บันทึกในโปรแกรม

เสร็จแล้วก็กดปุ่ม "Ctrl+V" วางในโน้ตต่างๆ เพื่อบันทึกไว้ใช้งานภายหลังได้ครับผม


ในส่วนของผู้ใช้งานระบบปฏิบัติการ macOS จะมีโปรแกรม Digital Color Meter ติดมากับตัวเครื่องอยู่แล้ว สามารถเข้าผ่าน Application รวม หรือ พิมพ์ค้นหาผ่านทาง Spotlight โดยพิมพ์คำว่า "Digital Color Meter" และเปิดโปรแกรมได้ทันที

สไลด์รูปภาพ

 เทคนิคเช็คสี ดูโค้ดสี บนหน้าจอ ด้วยโปรแกรม Digital Color Meter ทั้งใน Windows และ Macเทคนิคเช็คสี ดูโค้ดสี บนหน้าจอ ด้วยโปรแกรม Digital Color Meter ทั้งใน Windows และ Mac

การใช้งานก็เหมือนกันทั้งใน Windows และ macOS โดยลากเมาส์ไปตามจุดต่างๆ ที่ต้องการ ก็จะแสดงโค้ดสีให้เห็นภายในโปรแกรม

เทคนิคเช็คสี ดูโค้ดสี บนหน้าจอ ด้วยโปรแกรม Digital Color Meter ทั้งใน Windows และ Mac

ในส่วนของ macOS นี้จะสามารถคัดลอกออกมาในรูปแบบ ข้อความ หรือ รูปภาพ ได้ โดย

  • กดปุ่ม "Command + Shift + C" จะเป็นการคัดลอกสีในจุดที่เมาส์ชี้เอาไว้ ในรูปแบบ ข้อความ
  • กดปุ่ม "Command + Option + C" จะเป็นการคัดลอกสีในจุดที่เมาส์ชี้เอาไว้ ในรูปแบบ รูปภาพ

เสร็จแล้วก็กดปุ่ม "Ctrl+V" วางในโน้ตต่างๆ บันทึกเก็บไว้ใช้งาน หรือ จะรวบรวมรายชื่อสีที่ชื่นชอบไว้ก็ได้ครับ

เพียงเท่านี้ เราก็สามารถบันทึกสีไว้ใช้งานร่วมกับงานอื่นๆ หรือ นำโค้ดสีไปใช้กับงานออกแบบ งานทำเว็บ CSS HTML ได้ง่ายมากยิ่งขึ้น ถือเป็นอีกหนึ่งเครื่องมือที่ช่วยเช็คโค้ดสีในระบบ Windows และ macOS ได้สะดวกจริงๆ ครับผม


0 %E0%B9%80%E0%B8%97%E0%B8%84%E0%B8%99%E0%B8%B4%E0%B8%84%E0%B9%80%E0%B8%8A%E0%B9%87%E0%B8%84%E0%B8%AA%E0%B8%B5+%E0%B8%94%E0%B8%B9%E0%B9%82%E0%B8%84%E0%B9%89%E0%B8%94%E0%B8%AA%E0%B8%B5+%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%94%E0%B9%89%E0%B8%A7%E0%B8%A2%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%81%E0%B8%81%E0%B8%A3%E0%B8%A1+Digital+Color+Meter+%E0%B8%97%E0%B8%B1%E0%B9%89%E0%B8%87%E0%B9%83%E0%B8%99+Windows+%E0%B9%81%E0%B8%A5%E0%B8%B0+Mac
แบ่งปันหน้าเว็บนี้ผ่าน URL :
Keyword คำสำคัญ »
เขียนโดย
    สมาชิก
 
ดาวน์โหลดโปรแกรม          
 
 
 

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

 
`

 

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

 

แผนผังเว็บไซต์ (XML Sitemap)
Thaiware Communication Co.,Ltd.

Copyright Notice

Creative Commons Attribution 3.0
Copyright 1999-2019

Thaiware.com is owned and operated by
Thaiware Communication Co., Ltd.