เครื่องมือดึงพาเลตต์สีจากภาพ

เครื่องมือดึงพาเลตต์นี้อ่านค่าสีที่มีอยู่จริงในภาพของคุณ — ไม่ใช่สีที่คำนวณจากทฤษฎี อัปโหลดภาพถ่าย เลือกจำนวนสีที่คุณต้องการ (3 ถึง 12 สี, ห้าหรือหกสีเหมาะกับงานส่วนใหญ่) และเครื่องมือจะคืนค่าพาเลตต์แถบสีที่จัดเรียงตามน้ำหนัก: สีเด่นมาก่อน แต่ละสีมาพร้อมโค้ด HEX, ส่วนแบ่งในภาพเป็นเปอร์เซ็นต์ และปุ่มคัดลอก การส่งออกอยู่ห่างเพียงคลิกเดียว — บล็อก CSS custom properties ที่พร้อมสำหรับสไตล์ชีต, อาร์เรย์ JSON สำหรับสคริปต์และ design tokens และภาพ PNG แถบพาเลตต์สำหรับมูดบอร์ด

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

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

การใช้งานทั่วไป: เปลี่ยนภาพถ่ายแบรนด์ให้เป็นสีของระบบดีไซน์, จับคู่หน้า landing page กับภาพ hero, สร้างสีของกราฟหรือธีมจากภาพปก, หรือจัดทำเอกสารพาเลตต์ของภาพประกอบ หมายเหตุถึงความแตกต่างจากเครื่องมือสร้างพาเลตต์สี ซึ่งสร้างพาเลตต์ที่กลมกลืนจากสีฐานหนึ่งสีที่คุณเลือก — เครื่องมือนี้ดึงพาเลตต์ที่ภาพจริงมีอยู่แล้ว เลือกแถบสีแล้วต้องการมันในรูปแบบสัญกรณ์อื่น? ตัวแปลงรูปแบบสีสามารถแปล HEX เป็น RGB, HSL และ CMYK