ข้ามไปยังเนื้อหา
EVOA Toolbox

ดึงจานสีจากรูปภาพ

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

ประมวลผลในเบราว์เซอร์ของคุณ ไฟล์ของคุณไม่ถูกอัปโหลด

กำลังโหลดเครื่องมือ…

เครื่องมือนี้ทำอะไรได้

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

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

ส่งออกเป็นตัวแปร CSS, snippet Tailwind v3/v4, JSON หรือแถบสีตัวอย่าง PNG รูปภาพถูกถอดรหัสในเครื่องบนอุปกรณ์ของคุณและไม่ถูกอัปโหลด

วิธีใช้งาน

  1. 1เพิ่มรูปภาพ (PNG, JPG, WebP, GIF, AVIF หรือ SVG)
  2. 2ใช้แถบเลื่อนเพื่อเลือกจำนวนสีเด่นที่จะดึง
  3. 3คลิกช่องสีเพื่อคัดลอกรหัส hex
  4. 4คลิกบนภาพ หรือใช้เครื่องมือหยดสี เพื่อเลือกสีที่ต้องการโดยเฉพาะ
  5. 5ส่งออกผลลัพธ์ในรูปแบบที่ต้องการ

รูปแบบที่รองรับ

อินพุต: PNG, JPG, WebP, GIF (เฟรมแรก), AVIF และ SVG เอาต์พุต: CSS, Tailwind, JSON และ PNG

ความเป็นส่วนตัว

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

ข้อจำกัด

  • สีเด่นเป็นค่าเฉลี่ยของพิกเซลที่คล้ายกัน จึงอาจไม่ตรงกับพิกเซลใดพิกเซลหนึ่งเป๊ะ ใช้เครื่องมือหยดสีเมื่อต้องการค่าที่แม่นยำ
  • สีเน้นขนาดเล็กมากอาจถูกรวมเข้ากับสีข้างเคียงที่ใหญ่กว่าเมื่อคุณกำหนดจำนวนสีน้อย
  • เครื่องมือหยดสีของเบราว์เซอร์ใช้ไม่ได้ใน Firefox หรือ Safari แต่การคลิกบนภาพใช้ได้ทุกที่
  • ไม่มีการจัดการสี (color management) ค่าที่ได้เป็นไปตามที่เบราว์เซอร์ถอดรหัส (sRGB)

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

สีถูกเลือกอย่างไร

พิกเซลจะถูกจัดเป็นกลุ่มสีที่คล้ายกัน แล้วปรับปรุงด้วยการจัดกลุ่ม k-means ผลลัพธ์คือสีเฉลี่ยของแต่ละกลุ่มและเปอร์เซ็นต์ของพิกเซลที่กลุ่มนั้นแทน

ทำไมภาพเดิมจึงได้สีเดิมเสมอ

อัลกอริทึมใช้ seed คงที่ ผลลัพธ์จึงซ้ำได้ การเปลี่ยนจำนวนสีจะเปลี่ยนการจัดกลุ่ม

ใช้กับ PNG โปร่งใสได้หรือไม่

ได้ พิกเซลที่โปร่งใสทั้งหมดหรือเกือบทั้งหมดจะถูกข้าม จึงไม่ปรากฏเป็นสีดำหรือสีขาวในจานสี

รูปภาพของฉันถูกอัปโหลดหรือไม่

ไม่ รูปภาพถูกถอดรหัสและวิเคราะห์ในเบราว์เซอร์ของคุณ

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