วิธีใช้งาน เลือกสีจากรูปภาพ
- 1
เปิดรูปภาพ
วาง เลือก หรือวางจากคลิปบอร์ดเป็นภาพหน้าจอ รูปถ่าย หรือโลโก้ขนาดไม่เกิน 25 MB ในรูปแบบ JPG, PNG, WebP, AVIF, HEIC, GIF หรือ SVG
- 2
เล็งด้วยแว่นขยาย
เลื่อนเมาส์หรือลากบนรูปภาพ แว่นขยายขนาด 11 × 11 พิกเซลจะแสดงพิกเซลที่อยู่ใต้เครื่องหมายกากบาทพร้อมรหัส HEX
- 3
คลิกเพื่อเลือกสี
รับค่า HEX, RGB, HSL และ OKLCH โดยแต่ละค่ามีปุ่มคัดลอกของตัวเอง ใช้ปุ่มลูกศรเพื่อขยับเครื่องหมายกากบาททีละนิด และกด Enter เพื่อเลือกสี
- 4
ดึงชุดสี
เลือกสีเด่น 5 ถึง 12 สี แล้วคัดลอกเป็นตัวแปร CSS, JSON หรือบล็อกธีมของ Tailwind
ข้อจำกัดและ Pro
ครั้งละ 1 รูป ขนาดไม่เกิน 25 MB เลือกสีได้ไม่จำกัด ชุดสี 5–12 สี และประวัติ 24 สี
Pro ช่วยให้สุ่มสีจากรูปภาพขนาดใหญ่ถึง 4 GB ดู Pro
เกี่ยวกับ เลือกสีจากรูปภาพ
เครื่องมือเลือกสีจากรูปภาพอ่านค่าที่แน่นอนของพิกเซลใดก็ได้ในภาพ และเปลี่ยนทั้งภาพให้เป็นชุดสี การเลือกแต่ละครั้งจะได้สีใน 4 รูปแบบ ได้แก่ HEX สำหรับเครื่องมือออกแบบ rgb() และ hsl() สำหรับ CSS และ oklch() สำหรับงานสีใน CSS แบบใหม่ ซึ่งค่าความสว่างและความเข้มสีให้ผลตรงกับที่สายตาคาดหวัง สีที่เลือกจะถูกเก็บในประวัติ 24 สีล่าสุดบนเบราว์เซอร์นี้ จึงยังอยู่ในครั้งถัดไป และใน Chrome กับ Edge บนเดสก์ท็อป เลือกจากหน้าจอยังช่วยดูดสีนอกหน้าเว็บผ่านเครื่องมือหยดสีของเบราว์เซอร์ได้ด้วย
ชุดสีคำนวณด้วยการจัดกลุ่มแบบ k-means ในปริภูมิสี OKLab บนสำเนาของภาพที่ย่อให้ด้านยาวที่สุดไม่เกิน 200 พิกเซล กลุ่มที่คล้ายกันจะถูกรวมเข้าด้วยกัน พิกเซลโปร่งใสจะถูกข้าม และสีจะเรียงตามสัดส่วนที่ครอบคลุมในภาพ โดยแสดงสัดส่วนไว้บนแต่ละช่องสี ภาพเดิมจะให้ชุดสีเดิมเสมอ
นักออกแบบใช้เครื่องมือนี้เพื่อจับคู่สีแบรนด์จากโลโก้ สร้างธีมจากรูปถ่าย ตรวจสีที่แน่นอนของปุ่มในภาพหน้าจอ หรือรวบรวมมู้ดบอร์ด ค่าสีเป็น sRGB มาตรฐานตามที่เบราว์เซอร์แสดงภาพ ดังนั้นสิ่งแปลกปลอมจาก JPG หรือต้นฉบับที่มีช่วงสีกว้างอาจทำให้ค่าที่เลือกต่างจากไฟล์ออกแบบต้นฉบับไปสองสามหน่วย พิกเซลกึ่งโปร่งใสจะรายงานสีโดยไม่รวมความโปร่งใส และเครื่องมือนี้ไม่ระบุชื่อสีหรือตรวจอัตราส่วนคอนทราสต์
ความเป็นส่วนตัว
รูปภาพถูกถอดรหัสและสุ่มค่าสีในแท็บนี้ และการจัดกลุ่มชุดสีทำงานใน Web Worker ขนาดเล็กที่สร้างขึ้นหลังจากคุณเปิดรูป ไม่มีการอัปโหลดใด ๆ ประวัติสีของคุณถูกบันทึกไว้ในพื้นที่เก็บข้อมูลของเบราว์เซอร์นี้เท่านั้น และเลือกจากหน้าจอใช้เครื่องมือหยดสีในตัวของเบราว์เซอร์ ซึ่งส่งเฉพาะสีเดียวที่คุณเลือกให้หน้านี้ และไม่ส่งข้อมูลอื่น
คุณสมบัติ
แว่นขยายแม่นระดับพิกเซล
แว่นขยาย 11 × 11 พิกเซลพร้อมการขยับด้วยคีย์บอร์ด เลือกสีได้แม่นยำทั้งบนเมาส์และหน้าจอสัมผัส
ชุดสีเด่น
5–12 สีด้วย k-means ใน OKLab เรียงตามสัดส่วนในภาพ
ส่งออกสำหรับนักพัฒนา
ค่า HEX, RGB, HSL และ OKLCH รวมถึงตัวแปร CSS, JSON หรือบล็อก @theme ของ Tailwind
ประวัติสี
สีที่เลือกล่าสุด 24 สีอยู่ในเบราว์เซอร์นี้ พร้อมคัดลอกเป็นรายการ