Color Picker from Image

เปิดรูป ชี้ แล้วคลิก — ได้ค่า HEX ทันที หลอดดูดสีพร้อมซูม RGB/HSL พาเลต ประวัติ Color picker from image ใช้ออฟไลน์ได้

🎨 ลากภาพหน้าจอ โลโก้ หรือรูปถ่ายเข้ามาในแท็บได้เลย แล้วดึงสีที่ต้องการออกมาแบบเป๊ะ ๆ — อ่านจากพิกเซลจริงของไฟล์คุณ ไม่อัปโหลดขึ้นเซิร์ฟเวอร์ใด ไม่ต้องลงชื่อเข้าใช้ และไม่มีคำเตือนขอสิทธิ์ตอนติดตั้ง งานทั้งหมดของ color picker from image ตัวนี้มีแค่นั้น: เปิดรูป เลื่อนเมาส์ คลิก — ค่า HEX ก็อยู่ในคลิปบอร์ดแล้ว ไม่ต้องเปิดชุดโปรแกรมออกแบบหนัก ๆ เพื่อค่าเดียว ไม่ต้องเอาแบบร่างของลูกค้าไปวางบนเว็บไซต์แปลกหน้าแล้วภาวนาว่าจะได้คำตอบที่ตรงจริง 🚀 เริ่มใช้อย่างรวดเร็ว 1. คลิกไอคอนบนแถบเครื่องมือ — ตัวเลือกสีจะเปิดในแท็บของตัวเอง มีพื้นที่ทำงานเต็มที่ 2. ลากรูปเข้ามา กด Ctrl+V หรือเลือกไฟล์เอง — ไฟล์ภาพฟอร์แมตทั่วไปเปิดได้ทั้งหมด รวมถึงความโปร่งใสด้วย 3. เลื่อนเมาส์ คลิก — ตัวเลือกโค้ดสี HEX จากรูปภาพตัวนี้คัดลอกค่าให้แล้ว พร้อมยืนยันบนหน้าจอ หน้าจอเปล่าจะอธิบายทุกอย่างแค่ครั้งแรกครั้งเดียว หลังจากนั้นมือจะจำเอง 🔍 แว่นขยายดูดสีที่ไว้ใจได้ แว่นขยายซูมพิกเซลของไฟล์ที่ความละเอียดต้นฉบับ สีที่คุณเลือกจึงเป็นสีที่มีอยู่จริงในบิตแมป — ซึ่งก็คือหน้าที่ที่แท้จริงของเครื่องมือดึงค่า HEX จากรูปภาพ ➤ ตารางพิกเซลรอบเคอร์เซอร์ พร้อมพิกัดตำแหน่งแม่นยำที่มองเห็นตลอด ➤ ปุ่มลูกศรขยับเป้าเล็งทีละ 1 px พอดี Ctrl+ลูกศรกระโดดทีละ 10 px กด Enter เพื่อเลือกสี ➤ ขอบภาพแบบ anti-aliased หลอกคุณไม่ได้อีกต่อไป: ตัวอ่านค่า RGB จากรูปภาพควรอ่านจากต้นฉบับ ไม่ใช่จากภาพเรนเดอร์ซ้ำที่เบลอ ➤ พื้นที่โปร่งใสถูกรายงานตามจริง ไม่แกล้งทำเป็นสีดำ 🎯 พูดได้ทุกฟอร์แมตที่คุณใช้ ▸ HEX สำหรับ CSS และ Figma — ตัวเลือกสี HTML จากรูปภาพในคลิกเดียว ▸ RGB และ HSL แสดงเคียงกัน คัดลอกแยกค่าได้ — ตัวเลือกสีเลขฐานสิบหกอยู่ในแผงเดียวกัน ▸ คัดลอกอัตโนมัติทันทีที่เลือก พร้อมยืนยันให้เห็น — คำว่า "คัดลอกไปยังคลิปบอร์ดแล้ว" ที่นี่หมายความตามนั้นจริง ๆ ▸ แผงตัวเลขจะแสดงค่าไว้จนกว่าคุณจะเลือกครั้งถัดไป ไม่มีอะไรหายไปในสองวินาที 🖼 พาเลตต์ และประวัติที่จำได้ ทันทีที่เปิดรูป พาเลตต์ของโทนสีเด่นจะถูกสร้างจากทั้งภาพ — มีประโยชน์เวลาลูกค้าถามว่าโลโก้ประกอบด้วยเฉดไหนบ้าง และแต่ละช่องสีคือโทนจริงที่ดึงมาจากงานชิ้นนั้น ไม่ใช่สีเฉลี่ยที่ไม่มีอยู่จริงตรงไหนในภาพ ทุกสีที่เลือกยังถูกเก็บเข้าประวัติห้าสิบช่อง ที่อยู่รอดแม้ปิดเปิดเบราว์เซอร์ใหม่ 1️⃣ ดูดสีจากไฟล์รูปทั้งวัน — ห้าสิบสีล่าสุดยังอยู่ครบ 2️⃣ เปิดป๊อปอัปอีกครั้งพรุ่งนี้ สีของเมื่อวานยังอยู่ตรงนั้น คลิกเดียวคัดลอกได้เลย 3️⃣ จบโปรเจกต์เมื่อไร กดปุ่มเดียวล้างรายการทั้งหมด 📸 หน้าเว็บที่คุณดูอยู่ ในรูปแบบภาพหนึ่งภาพ อยากได้โทนสีจากเว็บที่เปิดอยู่? ใช้ "จับหน้านี้เป็นภาพ" (Grab this page as an image): ปุ่มเดียวในป๊อปอัปจับภาพแท็บที่มองเห็น แล้วเปิดสแนปช็อตในตัวเลือกสีตัวเดิม — แว่นขยายเดิม ประวัติเดิม หรือคลิกขวาที่รูปใดก็ได้บนหน้าเว็บ แล้วเลือก "ดูดสีจากรูปนี้" ("Pick color from this image"): ถ้าเซิร์ฟเวอร์อนุญาต คุณจะได้พิกเซลแท้ ถ้าไม่ ก็ได้สแนปช็อตที่เรนเดอร์แล้ว และถ้าแม้แต่วิธีนั้นยังถูกบล็อก ก็จะมีคำแนะนำเป็นภาษาคนบอกไว้ ไม่มีวันล้มเหลวแบบเงียบ ๆ ยังมีทริกเงียบ ๆ ที่ควรรู้อีกอย่าง: คลิกขวาที่รูปจากที่ไหนก็ได้ เลือก "คัดลอกรูปภาพ" ("Copy image") แล้วกด Ctrl+V ในตัวเลือกสี Chrome จะส่งบิตแมปที่ถอดรหัสแล้วมาให้ที่ความละเอียดเต็ม — เครื่องมือดูดสีจากรูปภาพที่ไม่ต้องใช้สิทธิ์เพิ่มแม้แต่ข้อเดียว 🔒 เป็นส่วนตัวโดยสถาปัตยกรรม ▪ ไม่มีสิทธิ์เข้าถึงโฮสต์ และไม่มีหน้าจอคำเตือนตอนติดตั้ง — ส่วนขยายอ่านการท่องเว็บของคุณไม่ได้ และสีที่คุณเลือกอยู่ในที่เก็บข้อมูลในเครื่องเท่านั้น ▪ คำขอเครือข่ายเป็นศูนย์: ไม่มี analytics ไม่มีฟอนต์จาก CDN ไม่มีอะไรแอบส่งข้อมูลกลับ — เปิด DevTools ดูเองได้เลย ▪ โอเพนซอร์ส: โค้ดทั้งหมดเปิดเผยต่อสาธารณะ อ่านได้ทุกบรรทัด ▪ ทำงานออฟไลน์ได้ บนเครื่องบิน หรือหลังพร็อกซีขององค์กร ภาพหน้าจอมักมีแดชบอร์ด ใบแจ้งหนี้ งานออกแบบที่ยังไม่เผยแพร่ เว็บไซต์ที่ให้บริการเลือกสีจากรูปแบบออนไลน์ขอให้คุณอัปโหลดไฟล์เหล่านั้น แต่ส่วนขยายนี้อัปโหลดอะไรไม่ได้เลย เพราะไม่มีโค้ดส่วนไหนคุยกับเซิร์ฟเวอร์ ในทางกลับกันก็เช่นกัน: เครื่องมือออนไลน์เก็บไฟล์ของคุณไว้นานเท่าที่เจ้าของเว็บต้องการ — แต่ที่นี่ ไฟล์ไม่มีวันออกไปนอกแท็บ ⚖️ ขอบเขตที่ตรงไปตรงมา — สิ่งที่มันไม่ใช่ มันไม่ใช่หลอดดูดสีสำหรับส่องหน้าเว็บ: ไม่อ่านตัวแปร CSS และไม่ไล่คลิกใน DOM ของเว็บไซต์ ไม่ใช่วงล้อสี ไม่ใช่ของเล่นไล่เฉดสี และข้างในไม่มีสมุดสี Pantone งานฝีมือที่นี่แคบแต่ทำอย่างประณีต: ดูดสีจากรูปภาพ ภาพหน้าจอ และรูปถ่าย ด้วยความแม่นยำระดับพิกเซล อย่างรวดเร็ว 💬 นิสัยหนึ่งวินาที คัดลอก วาง คลิก — ครบวงจร color pick from image ใช้เวลาเพียงไม่กี่วินาที และนั่นคือประเด็นสำคัญ: เครื่องมือเล็ก ๆ ที่ทำงานเดียวอย่างแม่นยำ แล้วหลีกทางให้คุณ 🧭 ใครบ้างที่ปักหมุดมันไว้ ◦ นักออกแบบที่เทียบเฉดสีจากภาพอ้างอิงหรือ brand book ที่สแกนมา ◦ นักพัฒนา front-end ที่อยากให้ค่า HEX ของสีอยู่ห่างแค่สองจังหวะคีย์ ◦ วิศวกรซัพพอร์ตที่บันทึกสถานะ UI ตรงจากภาพหน้าจอ ◦ นักการตลาดที่ดึงสีแบรนด์จากโลโก้พาร์ตเนอร์ก่อนเริ่มแคมเปญ ◦ นักวาดภาพประกอบและนักเรียนนักศึกษาที่ติดป้ายเฉดสีให้มู้ดบอร์ด คำตอบอยู่ในรูปภาพอยู่แล้ว เครื่องมือนี้แค่หยิบมันออกมา — แม่นยำ ทำงานในเครื่อง และเสร็จในไม่กี่วินาที