ตัวเลือกสีจากภาพ
เลื่อนเพื่อดูตัวอย่าง คลิกเพื่อบันทึกสี
เมื่อไหร่ที่คุณต้องการเลือกสีจากภาพ?
นักออกแบบจับคู่สีแบรนด์จากโลโก้โดยไม่มีการเข้าถึงคู่มือสไตล์ต้นฉบับ; นักพัฒนาสกัดสีที่โดดเด่นจากภาพถ่ายเพื่อสร้างธีม; ครูดึงสีจากงานศิลปะสำหรับบทเรียน ตัวเลือกสีอ่าน RGB ที่แน่นอนของพิกเซลใต้ตัวชี้และแปลงเป็น hex (`#RRGGBB`) และ HSL
ตัวเลือกสีในเบราว์เซอร์ (API `EyeDropper` ของ Chrome) ใช้งานได้เฉพาะบนหน้าจอ — ไม่สามารถใช้กับไฟล์ที่อัปโหลดได้ เครื่องมือนี้เติมเต็มช่องว่างนั้นโดยการโหลดภาพของคุณเข้าสู่ผืนผ้าใบและให้คุณตัวอย่างพิกเซลใด ๆ
กรณีการใช้งานทั่วไป
- จับคู่สีแบรนด์จากภาพหน้าจอของเว็บไซต์คู่แข่ง
- สกัดพาเลตจากภาพถ่ายสำหรับโครงการออกแบบกราฟิก
- ค้นหาสีพื้นหลังที่แน่นอนของภาพหน้าจอ UI เพื่อสร้างใหม่
- ตัวอย่างโทนสีผิวจากภาพบุคคลสำหรับการจัดอันดับหรือการอ้างอิงการแต่งหน้า
คำถามที่พบบ่อย
ทำไมสีถึงแตกต่างจากต้นฉบับเล็กน้อย?
ภาพขนาดใหญ่จะถูกปรับขนาดให้พอดีกับ (สูงสุด 800px) ก่อนการสุ่มตัวอย่าง ดังนั้นในภาพขนาดใหญ่ ค่าที่เลือกจะมาจากการแสดงตัวอย่างที่สุ่มตัวอย่างใหม่ ไม่ใช่พิกเซลต้นฉบับที่แน่นอน แหล่ง JPEG ยังเปลี่ยนสีเล็กน้อยเนื่องจากการบีบอัด
ฉันสามารถเลือกจากพิกเซลโปร่งใสได้หรือไม่?
ใช่ — ตัวเลือกสีจะแสดง RGBA พิกเซลโปร่งใสทั้งหมดยังมีค่ารหัส RGB ที่อยู่เบื้องหลัง (มักจะเป็น 0,0,0 หรือพื้นหลังของผืนผ้าใบ)
ตัวเลือกสีทำงานกับ GIF ที่เคลื่อนไหวได้หรือไม่?
มันจะตัวอย่างจากเฟรมแรก สำหรับเฟรมอื่น ๆ ให้ถ่ายภาพหน้าจอในช่วงเวลาที่คุณต้องการและโหลดภาพหน้าจอ
รหัส hex และ RGB เกี่ยวข้องกันอย่างไร?
Hex `#RRGGBB` เป็นค่าที่เหมือนกับ RGB `(R, G, B)` ที่เขียนในฐาน 16 แทนที่จะเป็นฐาน 10 `#FF0000` และ `rgb(255, 0, 0)` หมายถึงสีแดงบริสุทธิ์
ภาพของฉันถูกอัปโหลดหรือไม่?
ไม่ — ภาพจะโหลดเข้าสู่ผืนผ้าใบของเบราว์เซอร์และอยู่ที่นั่น ไม่มีการเรียกเครือข่าย