ตัวดึงจานสี

วางรูปภาพ ภาพวาด ภาพหน้าจอ หรือภาพ moodboard; รับสีเด่น 5–10 สีพร้อมค่า HEX สร้างจานสีจากภาพถ่ายแบรนด์ของคุณ สุ่มตัวอย่างโทนสีจากภาพวาดที่ชอบ หรือดึงสีของพระอาทิตย์ตกเพื่อสร้างระบบออกแบบที่เข้ากับวอลเปเปอร์

วิธีการทำงานของการดึงสี

เครื่องมือจะจัดกลุ่มทุกพิกเซลในภาพตามความคล้ายคลึงของสี (k-means ในพื้นที่สี CIE Lab ซึ่งใกล้เคียงกับการรับรู้ความแตกต่างของสีของมนุษย์) จุดศูนย์กลางของกลุ่มกลายเป็นสีเด่นของคุณ คุณเลือกจำนวนกลุ่ม (ค่าเริ่มต้นคือ 5; สูงสุด 10 สำหรับภาพที่มีรายละเอียดมากขึ้น)

การจัดกลุ่มในพื้นที่ Lab มีความสำคัญ: การทำใน RGB ดิบจะให้สีที่ซ้ำกันทางสายตาและพลาดความแตกต่างของเฉดสีที่ละเอียดซึ่งตามนุษย์มองเห็น Lab ตรงกับการรับรู้ของมนุษย์ ดังนั้นจานสีจึงให้ความรู้สึกที่ถูกต้อง

สิ่งที่คุณจะได้รับ

• สวอตช์ HEX 5 (หรือ 10) สี จัดอันดับตามพื้นที่ที่ครอบคลุม
• RGB และ HSL สำหรับแต่ละสี
• ดาวน์โหลดจานสี เป็น PNG (สำหรับแชร์) หรือ SVG (สำหรับไฟล์ออกแบบ)
• ตัวอย่างโค้ด CSS variables พร้อมวางในสไตล์ชีตของคุณ
• ตัวอย่างการกำหนดค่า Tailwind พร้อมสำหรับ tailwind.config.js

เวิร์กโฟลว์ทั่วไป

1. จานสีแบรนด์จากภาพถ่ายผลิตภัณฑ์ อัปโหลดภาพฮีโร่ของคุณ สร้างแบรนด์จากโทนสีเหล่านั้น
2. ธีม UI ที่เข้ากับวอลเปเปอร์ ดึงจากวอลเปเปอร์ที่คุณชอบ ใช้จานสีเป็นธีมแอปของคุณ
3. ภาพวาดอ้างอิงสำหรับศิลปะดิจิทัล สุ่มตัวอย่างจานสีของปรมาจารย์ก่อนวาดภาพของคุณเอง
4. การสังเคราะห์ Mood-board รวมหลายภาพอ้างอิงเป็นจานสีเดียวโดยการดึงจากแต่ละภาพและรวมสีที่ชอบ

จับคู่กับเครื่องมือที่เกี่ยวข้อง

เมื่อคุณมีจานสีแล้ว สร้างเกรเดียนต์ระหว่างสีที่อยู่ติดกันด้วย Gradient Generator หรือแปลงเป็น CMYK พร้อมพิมพ์ด้วย Color Converter หากต้องการเลือกสีเดียวจากจุดเฉพาะในภาพ ให้ใช้ Color Picker