ดูดสีจากหน้าจอ — เครื่องมือหยิบสี
ดูดสีจากทุกจุดบนหน้าจอ ได้รหัสสี HEX, RGB, HSL ทันที รองรับ EyeDropper API และการจับภาพหน้าจอสำรอง เหมาะสำหรับนักออกแบบและนักพัฒนา ใช้ฟรีไม่ต้องติดตั้ง
Loading tool...
ดูดสีจากหน้าจอ — เครื่องมือหยิบสี คืออะไร?
Online eyedropper tool ช่วยเลือกสีจากรูปภาพหรือส่วนใดของหน้าจอ รับรหัสสี HEX, RGB หรือ HSL ที่แม่นยำสำหรับโปรเจกต์ดีไซน์ของคุณ
ประโยชน์หลัก
- จับคู่แม่นยำ
- แปลงโค้ด
- รวมใน browser
- ความแม่นยำดีไซน์
กรณีการใช้งาน
- •จับคู่สี
- •แรงบันดาลใจดีไซน์
- •ความสม่ำเสมอแบรนด์
- •พัฒนา UI
วิธีใช้ Eyedropper
- เริ่ม: คลิกเพื่อเปิด eyedropper
- เลือกสี: คลิก pixel ใดก็ได้บนหน้าจอ
- ดูโค้ด: ดูค่า HEX, RGB, HSL
- คัดลอก: คัดลอกรหัสสี
คุณสมบัติหลัก
- ดูดสีจากหน้าจอ
- แสดงผลหลายรูปแบบ (HEX, RGB, HSL)
- ประวัติสี
- ซูมเพื่อเลือกแม่นยำ
- คัดลอกสีด้วยคลิกเดียว
- ใช้ได้กับทุกเนื้อหา
คำถามที่พบบ่อย
eyedropper ทำงานอย่างไร?
คลิกที่ใดก็ได้บนหน้าเพื่อ sample สีที่ pixel นั้น เครื่องมือส่ง HEX, RGB และ HSL values
sample จากรูปภาพได้ไหม?
ได้ eyedropper สามารถ sample สีจาก element ใดก็ได้ที่มองเห็น รวมถึงรูปภาพบนหน้า
ทำไมสีอาจดูต่างกัน?
การ calibration จอ color profiles และการ render ของ browser อาจส่งผลต่อสีที่ปรากฏเทียบกับค่าจริง
ใช้ได้บนทุก webpage ไหม?
Browser eyedropper APIs ใช้งานได้กับเนื้อหาส่วนใหญ่ บาง secure contexts หรือ cross-origin iframes อาจถูกจำกัด