Skip to main content

เครื่องมือดูดสีจากรูปภาพ

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

อัปโหลดรูปภาพเพื่อดูดสี

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

หรือลากและวาง

ไม่เกิน 50 MB รองรับ JPG, PNG, WebP, AVIF, HEIC หรือ HEIF

เหตุผลที่ควรใช้เครื่องมือดูดสีนี้

เลือกสีได้แม่นยำถึงระดับพิกเซล

แว่นขยายขนาด 11×11 จะเคลื่อนตามเคอร์เซอร์หรือนิ้วของคุณ ทำให้คุณเล็งไปยังพิกเซลที่ต้องการได้อย่างแม่นยำก่อนเลือก

HEX, RGB, HSL และชื่อสี

ทุกครั้งที่เลือกสีจะแสดงค่า HEX, RGB และ HSL พร้อมกับชื่อสี CSS ที่ใกล้เคียงที่สุด แต่ละค่ามีปุ่มคัดลอกของตัวเอง

เลือกสีจากทั้งหน้าจอ

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

วิธีใช้งาน

  1. 1

    อัปโหลดรูปภาพ

    เลือกหรือลากรูปภาพที่ต้องการดูดสีมาวาง

  2. 2

    คลิก แตะ หรือใช้แป้นพิมพ์เพื่อเลือกสี

    คลิกหรือแตะพิกเซล หรือใช้ปุ่มลูกศร (กด Shift ค้างเพื่อขยับทีละ 10 พิกเซล) แล้วกด Enter เพื่อเลือกพิกเซลที่ไฮไลต์อยู่

  3. 3

    คัดลอกสีที่ต้องการ

    อ่านค่า HEX, RGB, HSL และชื่อสีที่ใกล้เคียงที่สุด แล้วใช้ปุ่มคัดลอกข้างค่าที่คุณต้องการ

สีนี้คือสีอะไร: การอ่านค่าต่าง ๆ

ทุกครั้งที่เลือกสีจะแสดงสี่สิ่งพร้อมกัน ได้แก่ รหัส HEX เช่น #3a7bd5 ตัวเลข RGB ที่เทียบเท่า ตัวเลข HSL (เฉดสี ความอิ่มตัวของสี ความสว่าง) และชื่อสี CSS ที่ใกล้เคียงที่สุด เช่น "steel blue" ปุ่มคัดลอกข้างแต่ละรูปแบบจะแสดงข้อความแจ้งผลการคัดลอกบนหน้าจอ ทำให้คุณสามารถหยิบรูปแบบที่โปรแกรมออกแบบหรือไฟล์ CSS ของคุณต้องการได้โดยไม่ต้องพิมพ์ใหม่

การเลือกด้วยแป้นพิมพ์และแว่นขยาย

การคลิกหรือแตะเหมาะสำหรับการเลือกอย่างรวดเร็ว แต่การซูมเข้าไปยังรายละเอียดเล็ก ๆ จะง่ายขึ้นด้วยแป้นพิมพ์ ปุ่มลูกศรจะขยับตัวเลือกทีละพิกเซล การกด Shift ค้างจะขยับทีละ 10 พิกเซล และ Enter จะยืนยันพิกเซลที่อยู่ใต้เครื่องหมายกากบาท แว่นขยายขนาด 11×11 ที่แสดงขณะคุณเคลื่อนตัวเลือกจะช่วยให้คุณเล็งไปยังพิกเซลเดียวในรูปที่มีรายละเอียดหนาแน่นหรือคอนทราสต์ต่ำได้

สีล่าสุด พาเลต และความแม่นยำแบบ sRGB

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

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

สีนี้คือสีอะไรกันแน่?

คลิกหรือแตะพิกเซลที่คุณสงสัย แล้วเครื่องมือจะแสดงค่า HEX, RGB และ HSL พร้อมชื่อสีที่ใกล้เคียงที่สุดให้ทันที

สามารถเลือกสีจากนอกรูปที่อัปโหลด เช่น จากแอปอื่นบนหน้าจอ ได้ไหม?

ได้ หากเบราว์เซอร์ของคุณเป็นแบบเดสก์ท็อปที่ใช้ Chromium เช่น Chrome หรือ Edge และรองรับ EyeDropper API ปุ่ม เลือกจากหน้าจอ จะปรากฏในกรณีนั้น แต่ไม่พร้อมใช้งานบน Safari หรือเบราว์เซอร์มือถือส่วนใหญ่

สีจะตรงกับที่เห็นใน Photoshop หรือโปรแกรมออกแบบอื่นทุกประการหรือไม่?

โดยทั่วไปใกล้เคียง แต่ไม่เสมอไปว่าจะตรงทุกประการ ค่าสีจะถูกอ่านแบบ sRGB ตามวิธีที่เบราว์เซอร์ของคุณถอดรหัสรูปภาพ และรูปที่มีโปรไฟล์สีฝังอยู่อาจแสดงผลต่างกันเล็กน้อยในโปรแกรมที่มีการจัดการสี

ต้องมีบัญชีเพื่อใช้งานหรือไม่?

ไม่ต้อง เครื่องมือดูดสีนี้ใช้งานได้ฟรีโดยไม่ต้องสมัครสมาชิก

รูปภาพของฉันถูกอัปโหลดไปที่ใดหรือไม่?

ไม่ รูปภาพจะอยู่ในเบราว์เซอร์ของคุณเสมอและไม่ถูกส่งไปยังเซิร์ฟเวอร์เลย

สามารถเลือกสีด้วยแป้นพิมพ์แทนเมาส์ได้ไหม?

ได้ ใช้ปุ่มลูกศรเพื่อขยับตัวเลือกทีละพิกเซล กด Shift ค้างเพื่อขยับทีละ 10 พิกเซล และกด Enter เพื่อเลือกพิกเซลที่ไฮไลต์อยู่

Advertisements