วิธีระบุสีบนหน้าจอคอมพิวเตอร์

โลกดิจิทัลแปลงสีรอบตัวเราให้เป็นตัวอักษรและตัวเลขผสมกัน หากต้องการฉกฉวยสีใด ๆ ที่คุณชอบ คุณเพียงแค่ต้องได้รับรหัสของมัน และคุณจะสามารถทำซ้ำได้

วิธีระบุสีบนหน้าจอคอมพิวเตอร์

สีที่เจาะจงดึงดูดสายตาของคุณขณะท่องเว็บหรือไม่? หรือคุณจำเป็นต้องใช้เฉดสีเฉพาะในการออกแบบของคุณเพื่อให้สิ่งต่างๆ สอดคล้องกัน? ต่อไปนี้คือวิธีการจับรหัส RGB หรือ HEX ของพิกเซลใดๆ บนหน้าจอของคุณ

ระบุค่า RGB หรือ HEX ของสีบนหน้าจอ

การระบุค่า RGB หรือ HEX ของสีบนหน้าจอไม่จำเป็นต้องใช้สายตาจากผู้เชี่ยวชาญหรือเครื่องมือราคาแพง บนพีซี มีวิธีง่ายๆ หลายวิธีในการรับรหัสสีของคุณ

ใช้แอปพีซี

วิธีระบุสีบนหน้าจอคอมพิวเตอร์

วิธีแรกในการรับสีจากหน้าจอของคุณคือการใช้แอพคอมพิวเตอร์ คุณอาจมีแอปนี้บนพีซีของคุณแล้ว

Eyedropper ทันทีสำหรับ Windows

วิธีระบุสีบนหน้าจอคอมพิวเตอร์

หากคุณจำเป็นต้องคว้ารหัสสีบ่อยๆ การมีเครื่องมือง่ายๆ อยู่ในมือจะทำให้ชีวิตของคุณง่ายขึ้น Instant Eyedropper เป็นแอปฟรีสำหรับ Windows โดยเฉพาะ ณ ตอนนี้

เมื่อคุณติดตั้งแล้ว คุณจะสามารถเข้าถึงได้จากซิสเต็มเทรย์ของคุณ เพียงกดปุ่มซ้ายของเมาส์ค้างไว้บนสีที่คุณเลือก จากนั้นปล่อย แอพจะคัดลอกรหัสสีไปยังคลิปบอร์ดของคุณทันที และคุณสามารถวางลงในโปรแกรมใดก็ได้ที่คุณต้องการ Eyedropper ทันทีทำงานบน Windows XP-10

เครื่องวัดสีดิจิตอลสำหรับ Mac

Digital Color Meter เป็นเครื่องมือที่คล้ายกันซึ่งติดตั้งไว้ล่วงหน้าในอุปกรณ์ Mac เปิดโฟลเดอร์ Applications ของคุณและค้นหา Utilities เครื่องมือ Digital Color Meter ควรอยู่ที่นั่น

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

SIP สำหรับ Mac

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

น่าเสียดายที่SIPไม่ใช่เครื่องมือฟรี แต่ให้ทดลองใช้ฟรี คุณสามารถลองใช้เพื่อดูว่าคุณสมบัติพิเศษนั้นคุ้มค่ากับเงินของคุณหรือไม่

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

ใช้เบราว์เซอร์ของคุณ

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

จะหาเครื่องมือเลือกสีของ Firefox ได้จากที่ใด:

  1. เปิด Firefox และเปิดเว็บไซต์ที่คุณต้องการแยกรหัสสี
    วิธีระบุสีบนหน้าจอคอมพิวเตอร์
  2. คลิกเมนูเบราว์เซอร์ของคุณ (เส้นแนวนอนสามเส้น) ที่มุมขวาบน
    วิธีระบุสีบนหน้าจอคอมพิวเตอร์
  3. ค้นหาเครื่องมือสำหรับนักพัฒนาเว็บในตัวเลือกต่างๆ อาจอยู่ภายใต้ "เครื่องมือเพิ่มเติม"
    วิธีระบุสีบนหน้าจอคอมพิวเตอร์
    วิธีระบุสีบนหน้าจอคอมพิวเตอร์
  4. หน้าต่างจะเปิดขึ้นที่ด้านล่างของหน้า ค้นหาไอคอนหลอดหยด แล้วคุณจะสามารถคัดลอกรหัสสีได้ด้วยการคลิกเพียงครั้งเดียว
    วิธีระบุสีบนหน้าจอคอมพิวเตอร์

ขั้นตอนจะคล้ายกันใน Chrome:

  1. เปิด Chrome และเปิดเว็บไซต์ที่คุณต้องการ
    วิธีระบุสีบนหน้าจอคอมพิวเตอร์
    วิธีระบุสีบนหน้าจอคอมพิวเตอร์
  2. คลิกเมนู (จุดแนวตั้งสามจุด) ที่มุมขวาบน แล้วหา "เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์" ใต้ "เครื่องมือเพิ่มเติม"
    วิธีระบุสีบนหน้าจอคอมพิวเตอร์
  3. หน้าต่างจะเปิดขึ้นทางด้านขวาของหน้า ค้นหาและคลิก "สไตล์" ในส่วนที่สอง
    วิธีระบุสีบนหน้าจอคอมพิวเตอร์
  4. ภายใต้ "เนื้อหา" คุณจะเห็นกล่องสีต่างๆ คลิกที่ใดก็ได้เพื่อเปิดใช้งานตัวเลือกสี
    วิธีระบุสีบนหน้าจอคอมพิวเตอร์

เคล็ดลับ: คุณยังสามารถเปิดเครื่องมือสำหรับนักพัฒนาในทั้งสองเบราว์เซอร์ได้ด้วยการคลิกขวาที่หน้าใดก็ได้แล้วเลือก “ตรวจสอบ”

ใช้ส่วนขยายเบราว์เซอร์

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

ใช้เว็บไซต์

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

เครื่องมือเลือกสีของรูปภาพ PineTools

วิธีระบุสีบนหน้าจอคอมพิวเตอร์

ค้นหาเครื่องมือ Image Color Picker บน เว็บไซต์ PineToolsและอัปโหลดรูปภาพของคุณ ซูมเข้าหากจำเป็นเพื่อค้นหาพิกเซลที่คุณต้องการจับ คุณจะได้รับค่า RGB และรหัส HEX ด้วยการคลิกง่ายๆ

ตัวเลือกสีของภาพ

วิธีระบุสีบนหน้าจอคอมพิวเตอร์

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

เครื่องมือค้นหาสีของภาพ

วิธีระบุสีบนหน้าจอคอมพิวเตอร์

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

ถ่ายภาพหน้าจอ

สุดท้าย คุณสามารถระบุรหัสสีได้โดยไม่ต้องใช้เครื่องมือทั้งหมดที่กล่าวมาข้างต้น คุณจะถ่ายภาพหน้าจอและเลือกสีจากที่นั่นแทน

  1. ตรวจสอบให้แน่ใจว่าสีที่คุณต้องการเลือกปรากฏบนหน้าจอของคุณ
  2. ถ่ายภาพหน้าจอโดยกดปุ่ม Print Screen บนแป้นพิมพ์ (PrntScr, PrtScn ฯลฯ) บน Windows หรือกด “Shift + Command + 3” ค้างไว้พร้อมกันบน Mac ภาพหน้าจอของคุณจะถูกคัดลอกไปยังคลิปบอร์ดโดยอัตโนมัติ
    วิธีระบุสีบนหน้าจอคอมพิวเตอร์
    เคล็ดลับ: คุณยังสามารถจับภาพหน้าจอเพียงบางส่วนได้ บน Windows ให้เปิด Snipping Tool จากเมนู Start บน Mac ให้ใช้ทางลัด “Shift + Command + 4”
  3. เปิด MS Paint (หรือแอปประมวลผลรูปภาพอื่นๆ) แล้ววางภาพหน้าจอ
  4. ค้นหาเครื่องมือ eyedropper และเลือกสี
    วิธีระบุสีบนหน้าจอคอมพิวเตอร์
  5. คลิก "แก้ไขสี" ถัดจากจานสีใน MS Paint ภายใต้แถบเลื่อน คุณจะเห็นค่า RGB ของสีปัจจุบันของคุณ
    หากต้องการเปลี่ยนตัวเลขเหล่านี้ให้เป็นรหัส HEX คุณจะต้องขอความช่วยเหลือจากเว็บไซต์
  6. มุ่งหน้าไปที่RGB ถึง HEXและป้อนค่าในช่องที่เหมาะสม
    วิธีระบุสีบนหน้าจอคอมพิวเตอร์
  7. คลิก “แปลงเป็นเลขฐานสิบหก” และคุณจะได้รับรหัสของคุณ
    วิธีระบุสีบนหน้าจอคอมพิวเตอร์

คำถามที่พบบ่อยเพิ่มเติม

RGB และ HEX ต่างกันอย่างไร? ฉันต้องการอันไหน

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

นักออกแบบหรือนักพัฒนามักจะต้องการรหัสสี HEX

ฉันจะระบุสีบนอุปกรณ์เคลื่อนที่ได้อย่างไร

หากต้องการเลือกสีจากหน้าจออุปกรณ์เคลื่อนที่ คุณสามารถดาวน์โหลดแอปหรือใช้หนึ่งในเว็บไซต์ที่กล่าวถึงข้างต้น นอกจากนี้ยังมีเครื่องมือเลือกสีสำหรับ iOS ภายในเครื่องมือมาร์กอัป มันสามารถให้รหัสสี HEX แก่คุณได้เช่นกัน

รับสีใด ๆ ที่คุณเห็นด้วยการคลิกเพียงครั้งเดียว

การใช้รหัสสี RGB หรือ HEX ช่วยให้มั่นใจได้ว่าจะไม่มีโอกาสเกิดข้อผิดพลาด ด้วยภาษาสีที่เป็นสากลเหล่านี้ คุณสามารถคงการออกแบบของคุณให้สอดคล้องกับเฉดสีเดียวกันได้ เนื่องจากมีหลายวิธีในการแยกรหัสสีบนหน้าจอ คุณเพียงแค่ต้องหาวิธีที่ง่ายที่สุดสำหรับคุณ

คุณชอบเครื่องมือเลือกสีแบบใด หรือคุณมีวิธีอื่นที่เชื่อถือได้เพื่อเพิ่ม? แจ้งให้เราทราบด้านล่าง

ฝากความเห็น

วิธีใช้ Focus Session ใน Windows 11 เพื่อการเรียน

วิธีใช้ Focus Session ใน Windows 11 เพื่อการเรียน

ค้นพบวิธีใช้ประโยชน์จาก Focus Sessions ใน Windows 11 เพื่อการเรียนที่มีประสิทธิภาพ เรียนรู้เคล็ดลับทีละขั้นตอนเพื่อลดสิ่งรบกวน เพิ่มสมาธิ และบรรลุผลการเรียนที่ดีขึ้นด้วยเครื่องมือเพิ่มประสิทธิภาพการทำงานในตัวนี้

แก้ไขข้อผิดพลาด Nxdomain ใน Windows 11 (DNS Probe Finished)

แก้ไขข้อผิดพลาด Nxdomain ใน Windows 11 (DNS Probe Finished)

กำลังประสบปัญหาข้อผิดพลาด "DNS Probe Finished Nxdomain" บน Windows 11 อยู่ใช่ไหม? ค้นพบวิธีแก้ไขปัญหา DNS อย่างรวดเร็ว กู้คืนการเชื่อมต่ออินเทอร์เน็ต และกลับมาใช้งานออนไลน์ได้โดยไม่หงุดหงิด คู่มือทีละขั้นตอนสำหรับผู้เริ่มต้น

วิธีแก้ไขปัญหา Driver Overran Stack Buffer ใน Windows 11

วิธีแก้ไขปัญหา Driver Overran Stack Buffer ใน Windows 11

กำลังประสบปัญหาข้อผิดพลาด "Driver Overran Stack Buffer" ใน Windows 11 อยู่ใช่ไหม? ค้นพบวิธีแก้ไขแบบทีละขั้นตอนที่ได้รับการพิสูจน์แล้ว เพื่อแก้ไขปัญหา BSOD ที่น่าหงุดหงิดนี้ได้อย่างรวดเร็ว และทำให้พีซีของคุณกลับมาทำงานได้อย่างราบรื่นอีกครั้ง อัปเดตด้วยเคล็ดลับล่าสุดเพื่อประสิทธิภาพสูงสุด

วิธีใช้งานโปรแกรมป้องกันไวรัสในตัวของ Windows 11 อย่างถูกต้อง

วิธีใช้งานโปรแกรมป้องกันไวรัสในตัวของ Windows 11 อย่างถูกต้อง

เรียนรู้วิธีการใช้งาน Windows Defender ซึ่งเป็นโปรแกรมป้องกันไวรัสในตัวของ Windows 11 อย่างถูกต้อง เพื่อความปลอดภัยสูงสุด รับคำแนะนำทีละขั้นตอน เคล็ดลับ และแนวทางปฏิบัติที่ดีที่สุดในการปกป้องพีซีของคุณอย่างมีประสิทธิภาพ

วิธีแก้ไขข้อผิดพลาด iCloud Media Library ใน Windows 11

วิธีแก้ไขข้อผิดพลาด iCloud Media Library ใน Windows 11

กำลังประสบปัญหาข้อผิดพลาด iCloud Media Library ที่น่าหงุดหงิดบน Windows 11 อยู่ใช่ไหม? พบกับวิธีแก้ไขแบบทีละขั้นตอนที่ได้รับการพิสูจน์แล้ว เพื่อให้การซิงค์ข้อมูลกลับมาราบรื่นและคุณสามารถเข้าถึงรูปภาพ เพลง และอื่นๆ ได้อย่างง่ายดาย ไม่จำเป็นต้องมีความเชี่ยวชาญด้านเทคโนโลยี คุณก็สามารถกลับมาเพลิดเพลินกับเนื้อหา iCloud ของคุณได้อย่างไม่มีปัญหา

แก้ไขปัญหาชัตเตอร์ปิดกล้องเว็บแคมใน Windows 11

แก้ไขปัญหาชัตเตอร์ปิดกล้องเว็บแคมใน Windows 11

กำลังประสบปัญหาข้อผิดพลาด "ม่านปิดกล้องเว็บแคมเพื่อความเป็นส่วนตัว" ใน Windows 11 อยู่ใช่ไหม? ค้นพบวิธีแก้ไขที่ได้ผลจริงเพื่อกู้คืนการเข้าถึงกล้องของคุณอย่างรวดเร็วและปลอดภัย คู่มือทีละขั้นตอนเพื่อการแก้ไขปัญหาอย่างราบรื่น

แก้ไขปัญหาการเปลี่ยนเมนูบริบทแบบคลาสสิกเป็นแบบใหม่ใน Windows 11

แก้ไขปัญหาการเปลี่ยนเมนูบริบทแบบคลาสสิกเป็นแบบใหม่ใน Windows 11

กำลังประสบปัญหาเมนูบริบท (Context Menu) ที่ซับซ้อนเกินไปใน Windows 11 ใช่ไหม? ค้นพบคู่มือฉบับสมบูรณ์ที่จะช่วยแก้ปัญหาการสลับเมนูบริบทจากแบบคลาสสิกไปเป็นแบบใหม่ได้อย่างง่ายดาย เพื่อประสบการณ์การใช้งานที่ราบรื่นยิ่งขึ้น มีคำแนะนำทีละขั้นตอน เคล็ดลับ และวิธีการแก้ไขปัญหาอยู่ภายในเล่มนี้

วิธีแก้ไขข้อผิดพลาดเครือข่ายในโหมดปลอดภัยของ Windows 11

วิธีแก้ไขข้อผิดพลาดเครือข่ายในโหมดปลอดภัยของ Windows 11

กำลังประสบปัญหาเกี่ยวกับ Safe Mode ของ Windows 11 ที่มีข้อผิดพลาดเกี่ยวกับการเชื่อมต่อเครือข่ายอยู่ใช่ไหม? พบกับวิธีแก้ไขแบบทีละขั้นตอนที่ได้รับการพิสูจน์แล้ว เพื่อกู้คืนระบบของคุณอย่างรวดเร็วและกลับมาใช้งานออนไลน์ได้โดยไม่มีปัญหา อัปเดตด้วยเคล็ดลับการแก้ไขปัญหาล่าสุดเพื่อประสิทธิภาพการทำงานที่ราบรื่น

การแก้ไขปัญหาการตั้งค่า Winaero Tweaker ใน Windows 11

การแก้ไขปัญหาการตั้งค่า Winaero Tweaker ใน Windows 11

กำลังประสบปัญหาเกี่ยวกับการตั้งค่า Winaero Tweaker ใน Windows 11 อยู่ใช่ไหม? คู่มือการแก้ไขปัญหาฉบับนี้จะให้คำแนะนำทีละขั้นตอนสำหรับปัญหาทั่วไป เพื่อให้มั่นใจว่าการปรับแต่งของคุณทำงานได้อย่างราบรื่น ค้นพบเคล็ดลับจากผู้เชี่ยวชาญเพื่อเพิ่มประสิทธิภาพประสบการณ์การใช้งานของคุณได้แล้ววันนี้

การแก้ไขข้อผิดพลาดของ Cortana และ Copilot AI ใน Windows 11

การแก้ไขข้อผิดพลาดของ Cortana และ Copilot AI ใน Windows 11

กำลังประสบปัญหาเกี่ยวกับ Cortana และ Copilot AI ใน Windows 11 อยู่ใช่ไหม? มาดูวิธีแก้ไขปัญหาทีละขั้นตอนเพื่อแก้ปัญหาการหยุดทำงาน การไม่ตอบสนอง และปัญหาการทำงานร่วมกัน ให้ผู้ช่วย AI ของคุณกลับมาใช้งานได้ตามปกติอย่างง่ายดาย