หน้าแรก / เครื่องมือสี / สร้างจานสีจากภาพ
เครื่องมือออนไลน์ฟรี

สร้างจานสีจากภาพ

เลือกสีจากตำแหน่งในภาพ สร้างจานสี 1–20 สี แล้วส่งออก CSS โค้ด SVG หรือ PNG

เริ่มใช้งาน

คุณสมบัติและข้อจำกัดของเครื่องมือ

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

ตัวอย่างการใช้งาน

สมมติคุณมีภาพโลโก้ที่มีสีแดงและน้ำเงิน คุณคลิกที่พื้นที่สีแดง 3 จุดและสีน้ำเงิน 2 จุด จานสีจะแสดงรหัส HEX ของแต่ละจุด เช่น #FF0000 และ #0000FF คุณสามารถส่งออกเป็น CSS variables เพื่อใช้ในเว็บไซต์ได้

การทำงานและพารามิเตอร์

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

ข้อจำกัดที่ควรทราบ

การสุ่มตัวอย่างตำแหน่งอาจเกิดซ้ำหรือพลาดพื้นที่เล็กๆ ได้ หากต้องการจานสีที่แม่นยำ ควรคลิกที่จุดสำคัญด้วยตนเองก่อนส่งออก

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

1. เครื่องมือนี้วิเคราะห์สีหลักของภาพอัตโนมัติหรือไม่?

ไม่ เครื่องมือนี้เป็นการสุ่มตัวอย่างตำแหน่งที่คุณคลิก ไม่ใช่การจัดกลุ่มสีหรือการหาสีเด่นทางคณิตศาสตร์ เริ่มต้นมีการเก็บตัวอย่างจากตำแหน่งสุ่มตามจำนวนสีที่กำหนด โดยค่าเริ่มต้นคือ 10 จุด จากนั้นคุณคลิกเพิ่มสีเองได้

2. ฉันสามารถปรับจำนวนสีในจานสีได้หรือไม่?

ได้ คุณสามารถตั้งค่าจำนวนสีได้ตั้งแต่ 1 ถึง 20 โดยใช้ปุ่ม − และ + หากจานสีเต็ม สีใหม่จะแทนที่สีที่เก่าที่สุด

3. การส่งออกมีรูปแบบใดบ้าง?

มี CSS variables, โค้ด, SVG และ PNG คุณสามารถคัดลอกหรือดาวน์โหลดได้ตามต้องการ

ไม่เก็บค่าแอลฟา สีในจานสีส่งออกเป็น RGB แบบทึบ ภาพสีแดงล้วนจะได้ #FF0000 ซ้ำ 10 รายการเมื่อใช้จำนวนเริ่มต้น ไม่มีการลบสีซ้ำหรือจัดกลุ่มหาสีเด่น

การเพิ่มจำนวนสีไม่เติมสีใหม่ให้อัตโนมัติ การลดจำนวนจะลบรายการจากท้ายจานสี ส่วนการคลิกเพิ่มเมื่อเต็มจะลบสีที่เก่าที่สุด ภาพแสดงเครื่องหมายเฉพาะจุดที่เลือกล่าสุด

CSS มีตัวแปรใน :root และตัวอย่าง SCSS ภายในความคิดเห็น ส่วน Code เป็นรายการคั่นด้วยจุลภาคและอาร์เรย์ที่ไม่มี # SVG และ PNG เป็นภาพจานสี การล้างจะลบภาพและสีแล้วคืนจำนวนเป็น 10 การเปลี่ยนภาพจะคงจำนวนสีและเก็บตัวอย่างสุ่มใหม่

การประมวลผลเกิดขึ้นภายในเบราว์เซอร์ของคุณ