การทำงานของเครื่องมือดูดสีจากรูปภาพ
เครื่องมือนี้ช่วยให้คุณสามารถเลือกรูปภาพจากอุปกรณ์ของคุณเพื่อค้นหาค่าสีจากพิกเซลใดก็ได้บนรูปภาพนั้นอย่างแม่นยำ เมื่อคุณโหลดรูปภาพเข้ามา ระบบจะแสดงค่าสีและพิกัดของพิกเซลตรงจุดกึ่งกลางของรูปภาพให้ทันที โดยมีแว่นขยายช่วยขยายมุมมองรอบตัวชี้เพื่อการเลือกพิกเซลที่ต้องการได้อย่างละเอียด
เมื่อเลือกพิกเซลแล้ว เครื่องมือจะแสดงค่าสีในรูปแบบ HEX, RGB และ HSL ซึ่งคุณสามารถคลิกที่ค่าสีเหล่านี้เพื่อคัดลอกไปใช้งานต่อได้ทันที นอกจากนี้ คุณยังสามารถบันทึกสีที่เลือกไว้ลงในประวัติเพื่อเก็บไว้ใช้งานร่วมกันหลายสีได้
รูปแบบไฟล์ภาพที่รองรับ
คุณสามารถอัปโหลดไฟล์รูปภาพเดี่ยวเพื่อใช้งานได้ โดยรองรับรูปแบบไฟล์และ MIME types ดังต่อไปนี้:
- รูปแบบไฟล์: PNG, JPG, WebP, GIF, AVIF, HEIC
- MIME types:
image/jpeg,image/png,image/webp,image/gif,image/avif,image/heic,image/heif
หากคุณลากและวางไฟล์ประเภทที่ไม่รองรับ ระบบจะแสดงข้อความแจ้งเตือนว่า "ไม่รองรับไฟล์ประเภทดังกล่าว โปรดลองใช้รูปภาพ PNG, JPG, WebP, GIF, AVIF หรือ HEIC" และหากไฟล์รูปภาพไม่สามารถเปิดได้ จะแสดงข้อความ "ไม่สามารถเปิดรูปภาพดังกล่าวได้ ไฟล์อาจเสียหายหรืออยู่ในรูปแบบที่ไม่รองรับ" ทั้งนี้ รูปภาพที่มีความยาวของด้านที่ยาวที่สุดเกิน 4096 พิกเซลจะถูกปรับขนาดให้เล็กลงโดยอัตโนมัติ
วิธีการควบคุมและฟังก์ชันการใช้งาน
การเลือกตัวอย่างสีและการบันทึกสีสามารถทำได้ผ่านทั้งเมาส์และคีย์บอร์ดเพื่อความสะดวกและแม่นยำ:
- การใช้เมาส์: เลื่อนตัวชี้ไปบนรูปภาพเพื่อดูตัวอย่างสีของพิกเซลแบบเรียลไทม์ และคลิกบนรูปภาพเพื่อบันทึกสีที่เลือกไว้
- การใช้คีย์บอร์ด: คุณสามารถกดปุ่มลูกศรเพื่อเลื่อนเป้าเล็งไปบนรูปภาพทีละ 1 พิกเซลเพื่อเลือกตัวอย่างสี และหากกดปุ่ม Shift ควบคู่กับปุ่มลูกศร จะเป็นการเลื่อนเป้าเล็งครั้งละ 10 พิกเซล จากนั้นกดปุ่ม Enter หรือ Space เพื่อบันทึกสีที่เลือก
- การบันทึกประวัติสี: ระบบสามารถบันทึกประวัติสีที่เลือกไว้ได้สูงสุด 12 รายการ โดยสีที่มีค่า RGB เดียวกันแต่มีค่าความโปร่งใส (Alpha) ต่างกัน จะถูกบันทึกแยกเป็นคนละรายการในประวัติ เมื่อบันทึกสีสำเร็จจะแสดงข้อความ "บันทึก
{hex}ไปยังรายการสีที่คุณเลือกแล้ว" และหากต้องการนำสีเก่ากลับมาดู ให้คลิกที่แถบสีในส่วน "สีที่คุณบันทึกจะแสดงที่นี่ — คลิกที่แถบสีเพื่อโหลดสีนั้นกลับมาใช้งานอีกครั้ง" - การคัดลอกค่าสี: คลิกที่ค่า HEX, RGB หรือ HSL เพื่อคัดลอกค่าไปยังคลิปบอร์ด หากเบราว์เซอร์ของคุณบล็อกการเข้าถึงคลิปบอร์ด ระบบจะแสดงข้อความ "ไม่สามารถคัดลอกได้ — เบราว์เซอร์ของคุณบล็อกการเข้าถึงคลิปบอร์ด"
- การล้างข้อมูล: ปุ่ม "เริ่มใหม่" จะทำการลบรูปภาพ ล้างประวัติสีที่บันทึกไว้ทั้งหมด และรีเซ็ตเครื่องมือกลับสู่ค่าเริ่มต้น
ความโปร่งใสและผลกระทบจากรูปแบบไฟล์ต่อค่าสี
เครื่องมือนี้จะอ่านและแสดงค่าพิกเซลที่แท้จริงตามที่ถูกจัดเก็บไว้ในไฟล์รูปภาพ อย่างไรก็ตาม มีปัจจัยบางประการที่ส่งผลต่อค่าสีที่คุณได้รับ:
- การบีบอัดภาพและการลดรอยหยัก: หากรูปภาพที่นำมาใช้เป็นไฟล์ JPEG หรือภาพถ่ายหน้าจอ (Screenshot) กระบวนการบีบอัดไฟล์และการลดรอยหยัก (Anti-aliasing) อาจทำให้ค่าสีของพิกเซลรอบข้างคลาดเคลื่อนไปจากสีต้นฉบับจริงเล็กน้อย
- พิกเซลแบบกึ่งโปร่งใส: หากพิกเซลที่เลือกมีความโปร่งใสบางส่วน เครื่องมือจะอ่านค่าสีจากตัวพิกเซลนั้นโดยตรง โดยไม่นำสีของพื้นหลังที่อยู่ด้านหลังมาร่วมคำนวณ และจะแสดงข้อความแจ้งเตือนว่า "Alpha
{n}% — พิกเซลนี้มีความโปร่งใสบางส่วน"
ความเป็นส่วนตัวและการประมวลผลข้อมูล
รูปภาพที่คุณเลือกจะถูกอ่านโดยตรงจากอุปกรณ์ของคุณและจะไม่ถูกส่งออกจากเบราว์เซอร์ ไม่มีการอัปโหลดข้อมูลใดๆ ไปยัง BroBroGo กระบวนการทำงานทั้งหมดเกิดขึ้นภายในเครื่องคอมพิวเตอร์หรืออุปกรณ์ของคุณเองเท่านั้น
คำถามที่พบบ่อย (FAQ)
ถาม: ฉันจะเลือกสีจากรูปภาพได้อย่างไร? ตอบ: เพียงเลื่อนตัวชี้ไปบนรูปภาพ แผงควบคุมจะแสดงสีใต้ตัวชี้พร้อมแว่นขยายเพื่อช่วยให้คุณเลือกพิกเซลได้อย่างแม่นยำ จากนั้นคลิกเพื่อบันทึกสีนั้นลงในรายการโปรด นอกจากนี้ คุณยังสามารถโฟกัสที่รูปภาพแล้วใช้ปุ่มลูกศรเพื่อเลื่อนเป้าเล็ง จากนั้นกด Enter ได้เช่นกันครับ
ถาม: ฉันจะได้รับรหัสสีในรูปแบบใดบ้าง? ตอบ: ทุกพิกเซลที่คุณเลือกตัวอย่างจะแสดงเป็นค่า HEX, RGB และ HSL พร้อมกัน คุณสามารถคลิกที่ค่าใดก็ได้เพื่อคัดลอก และนำไปวางใน CSS หรือเครื่องมือออกแบบได้ทันทีครับ
ถาม: ทำไมสีที่เลือกจึงไม่ตรงกับที่ฉันคาดหวังไว้เสมอไป? ตอบ: คุณจะได้รับค่าพิกเซลที่แท้จริงซึ่งถูกจัดเก็บไว้ในรูปภาพ หากเป็นไฟล์ JPEG หรือภาพหน้าจอ การบีบอัดและการลดรอยหยัก (Anti-aliasing) อาจทำให้พิกเซลข้างเคียงคลาดเคลื่อนไปเล็กน้อย และพิกเซลแบบกึ่งโปร่งใสจะถูกอ่านค่าจากตัวมันเอง โดยไม่รวมวัตถุที่อยู่ด้านหลังครับ