สร้างจานสีจากภาพ
เลือกสีจากตำแหน่งในภาพ สร้างจานสี 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 การเปลี่ยนภาพจะคงจำนวนสีและเก็บตัวอย่างสุ่มใหม่
การประมวลผลเกิดขึ้นภายในเบราว์เซอร์ของคุณ