ดูดสี

ตัวดูดสีจากรูป

คลิกที่พิกเซลเพื่อดูค่า HEX หรือให้เครื่องมือดึงสีหลักของภาพออกมาเป็นชุดสี

ดูดสี

☞ ทำงานในเบราว์เซอร์ของคุณทั้งหมด — ไม่มีการอัปโหลดไฟล์

วางรูปของคุณที่นี่

หรือคลิกเพื่อเลือก — PNG, JPG, WebP หรือ GIF

อ่านสีได้สองแบบ

จะเอาพิกเซลนั้นจริง ๆ หรือเอาสีของทั้งภาพ

การชี้ไปที่พิกเซลหนึ่งกับการชี้ไปที่ภาพหนึ่งเป็นคนละคำถาม หลอดดูดสีตอบคำถามแรก คลิกตรงไหนก็ได้ค่าของพิกเซลนั้น ไม่ปัดเศษและไม่เฉลี่ย แสดงเป็น HEX สำหรับ CSS, RGB สำหรับโปรแกรมออกแบบ และ HSL สำหรับตอนที่ต้องขยับเฉดหรือความสว่าง ถ้ากดค้างแล้วลาก ค่าจะวิ่งตามตัวชี้ ซึ่งง่ายกว่าการคลิกให้โดนเส้นหนาสองพิกเซลมาก

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

สามขั้นตอน

วิธีดึงสีออกจากรูปภาพ

01

วางรูปลงไป

PNG, JPG, WebP และ GIF ถูกอ่านในเบราว์เซอร์ของคุณโดยตรง ภาพหน้าจอหน้าเว็บแบรนด์หรือรูปที่ยังไม่เผยแพร่จึงอยู่กับเครื่องคุณ

02

คลิกเพื่อเอาสีเดียว

ค่าจะปรากฏพร้อมกันทั้ง HEX, RGB และ HSL ปุ่มคัดลอกจะเอาค่า HEX ใส่คลิปบอร์ด ถ้าจุดที่ต้องการเล็กมาก ให้กดค้างแล้วลาก

03

หรือเอาชุดสีทั้งชุด

เลือกว่าต้องการกี่สี ภาพจะถูกย่อรวมเหลือเท่านั้นสี เรียงตามพื้นที่ที่แต่ละสีครอบครอง คลิกช่องสีเพื่อคัดลอกทีละสี หรือคัดลอกทั้งรายการในครั้งเดียว

ตอบสั้น ๆ

คำถามที่พบบ่อยเรื่องการดูดสีจากรูป

สีที่ดูดได้เป็นค่าที่แน่นอนของพิกเซลนั้นไหม

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

เปอร์เซ็นต์ข้างช่องสีหมายถึงอะไร

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

ทำไมสีในชุดสีต่างจากที่ตาเห็นเล็กน้อย

สีในชุดสีคือค่าเฉลี่ยตัวแทนของพิกเซลกลุ่มหนึ่งที่ใกล้เคียงกัน จึงอาจไม่มีอยู่จริงในภาพแบบตรงเป๊ะ ถ้าต้องการค่าตามตัวอักษรของจุดใดจุดหนึ่ง ให้ใช้หลอดดูดสีคลิกที่จุดนั้น

ถ้าเป็น PNG พื้นโปร่งใสจะเป็นอย่างไร

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

รองรับไฟล์แบบไหนบ้าง

PNG, JPG, WebP และ GIF ขนาดไม่เกิน 25 MB ไฟล์ GIF เคลื่อนไหวจะถูกอ่านเป็นเฟรมแรก ส่วนไฟล์ HEIC จาก iPhone ยังไม่รองรับ กรุณาแปลงก่อน

คัดลอกชุดสีทั้งชุดพร้อมกันได้ไหม

ได้ «คัดลอกทั้งหมด» จะใส่ค่า HEX ทุกค่าลงคลิปบอร์ดบรรทัดละหนึ่งค่า พร้อมวางลงสไตล์ชีต ไฟล์งานออกแบบ หรือข้อความได้ทันที

ใช้แป้นพิมพ์อย่างเดียวได้ไหม

การดูดสีทีละพิกเซลต้องใช้ตัวชี้ แต่ช่องสีในชุดสีเป็นปุ่มจริง กด Tab ไปแล้วกด Enter ก็คัดลอกค่าสีได้ สีหลักของภาพจึงเข้าถึงได้โดยไม่ต้องใช้เมาส์

รูปของฉันถูกอัปโหลดไหม

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

ใช้ฟรีไหม

ฟรี ไม่มีลายน้ำ และไม่ต้องสมัคร