ไฟล์ที่ประมวลผลในเบราว์เซอร์นี้รูปแบบที่รองรับ
เครื่องมือสีส่วนตัวในเบราว์เซอร์

โปรแกรมแยกสีของภาพ

อัปโหลดรูปภาพเพื่อสร้างชุดสีที่โดดเด่น หรือคลิกที่ใดก็ได้ในหน้าตัวอย่างเพื่อเลือกสีที่แน่นอน

ไม่มีการอัพโหลดรูปภาพคลิกเพื่อดูตัวอย่างพิกเซลHEX, RGB และ HSL

วางภาพที่นี่

JPG, PNG, WebP, AVIF, GIF, BMP · up to 50.0 MB

การประมวลผลในท้องถิ่น · ไม่มีการสมัครสมาชิก · ไม่มีลายน้ำ

รูปภาพของคุณยังคงอยู่ในอุปกรณ์ของคุณ

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

การประมวลผลในท้องถิ่น · ไม่มีการสมัครสมาชิก · ไม่มีลายน้ำ

มันทำงานอย่างไร

สร้างชุดรูปภาพในสามขั้นตอน

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

  1. 01

    เพิ่มรูปภาพ

    เลือกหรือวางไฟล์รูปภาพทั่วไป เบราว์เซอร์ของคุณอ่านมันในเครื่อง

  2. 02

    สำรวจสีต่างๆ

    สร้างชุดสี 5, 8 หรือ 12 สี หรือคลิกที่ภาพเพื่อดูตัวอย่างหนึ่งพิกเซล

  3. 03

    Copy or export

    เลือก HEX, RGB หรือ HSL คัดลอกจานสี หรือดาวน์โหลดตัวแปร CSS

FAQ

คำถามที่พบบ่อย

รูปภาพของฉันถูกอัพโหลดไปยังเซิร์ฟเวอร์หรือไม่?

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

เหตุใดสีที่โดดเด่นจึงแตกต่างจากรูปภาพเล็กน้อย

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

รองรับไฟล์ PNG แบบโปร่งใสหรือไม่?

Yes. Fully transparent pixels are ignored; visible and partially transparent areas take part in the analysis.

ฉันจะใช้สีในการออกแบบหรือโค้ดเบสได้อย่างไร

คัดลอกค่า HEX, RGB หรือ HSL แต่ละรายการ คัดลอกพาเล็ตแบบเต็ม หรือดาวน์โหลดคุณสมบัติ CSS ที่กำหนดเอง

เครื่องมือที่เกี่ยวข้อง

ดำเนินการเวิร์กโฟลว์รูปภาพของคุณต่อไป

รูปแบบ

รูปแบบภาพที่รองรับ

Common still-image formats work directly. GIF files are analyzed from the first frame; fully transparent PNG pixels are ignored.

JPGJPEGPNGWebPAVIFGIFBMP

กรณีการใช้งาน

กรณีการใช้งานทั่วไป

  • ค้นหาสีของแบรนด์หรือธีมจากภาพถ่าย
  • สร้างการอ้างอิงจานสีสำหรับการออกแบบเว็บ แอพ หรือโปสเตอร์
  • รับค่า HEX ที่แน่นอนจากภาพหน้าจอ
  • ตรวจสอบความสมดุลของสีที่โดดเด่นในแบบจำลอง

สำรวจต่อไป

เครื่องมือและคำแนะนำที่เกี่ยวข้อง