สกัด Color Palette จากภาพ
ออกแบบเพื่อความเป็นส่วนตัว — ทำงานในเบราว์เซอร์ของคุณทั้งหมด
สกัด palette สีจากภาพในเบราว์เซอร์ของคุณ วางรูปภาพ โลโก้ หรือภาพหน้าจอ และ Toova เปิดเผยสีเด่นเป็นค่า HEX และ RGB พร้อมวางลงในระบบออกแบบหรือ stylesheet ของคุณ — โดยไม่อัปโหลดภาพไปที่ใด
การสกัดทำงานอย่างไร
Toova สุ่ม pixels จากภาพ จัดกลุ่มตามความคล้ายคลึงของสีที่รับรู้ และเปิดเผยเฉดที่โดดเด่นที่สุด เลือกจำนวนสีที่คุณต้องการใน palette — ปกติห้าถึงสิบครอบคลุมภาพแบรนด์ได้ดี แต่ละสีแสดงเป็น swatch ด้วยรหัส HEX และ RGB ที่คุณคัดลอกได้ในคลิกเดียว บวกเปอร์เซ็นต์ที่ระบุว่าภาพปกคลุมด้วยเฉดนั้นเท่าใด
กรณีใช้งาน
สร้าง palette สีสำหรับเว็บไซต์ใหม่จากภาพ hero สร้างสีรองที่สอดคล้องกับแบรนด์จากโลโก้ที่มีอยู่ ตรวจสอบสีใดที่ครอบงำไซต์ของคู่แข่งโดยไม่ต้องเลือก pixels ด้วยมือ Toova เร็วกว่าการวางภาพลงในเครื่องมือออกแบบและใช้ color picker และผลลัพธ์พร้อมวางลงใน CSS, Tailwind config หรือระบบออกแบบใดๆ
ภาพอยู่บนอุปกรณ์ของคุณ
Toova อ่านภาพในเบราว์เซอร์ของคุณ ไฟล์ไม่เคยถูกอัปโหลดไปยังเซิร์ฟเวอร์ และไม่มีการบันทึกเนื้อหา สิ่งนี้สำคัญเมื่อภาพมี mockups ที่ยังไม่เปิดตัว ภาพลูกค้า หรือ assets แบรนด์ที่เป็นกรรมสิทธิ์ แท็บเครือข่ายจะว่างระหว่างการสกัด และหน้าทำงานออฟไลน์หลังจากโหลดครั้งแรก
คำถามที่พบบ่อย
- ฉันควรสกัดสีกี่สี
- ห้าสีครอบคลุมเอกลักษณ์แบรนด์ส่วนใหญ่ แปดถึงสิบให้เฉดมากขึ้นสำหรับ variants และ accents มากกว่าสิบสองเริ่มเสียงดังเพราะความแตกต่างระหว่างเฉดเล็กกว่าที่ตาสัมผัส
- รูปแบบภาพไหนรองรับ
- รูปแบบใดๆ ที่เบราว์เซอร์ของคุณสามารถถอดรหัสได้แบบ native — JPEG, PNG, WebP, AVIF, GIF SVG ยังรองรับ ขนาดไฟล์จำกัดเฉพาะหน่วยความจำเบราว์เซอร์ของคุณ
- Palette รวมพื้นหลังโปร่งใสหรือไม่
- Pixels ที่โปร่งใสถูกละเลยระหว่างการสกัด ดังนั้นโลโก้บนพื้นหลังโปร่งใสคืนค่าเฉพาะสีที่มีความหมาย ภาพ PNG และ WebP ที่มี alpha channels จัดการอย่างถูกต้อง
- สกัดจาก URL แทนการอัปโหลดไฟล์ได้ไหม
- ใช่ — วาง URL และ Toova ดึงภาพโดยตรงในเบราว์เซอร์ของคุณ (ขึ้นอยู่กับนโยบาย CORS ของต้นทาง) หากการดึงล้มเหลวเพราะ CORS ดาวน์โหลดภาพและวางบนพื้นที่อินพุตแทน
- ภาพของฉันถูกส่งไปที่ใดหรือไม่
- ไม่ การประมวลผลภาพทำงานในเบราว์เซอร์ของคุณทั้งหมด ไฟล์ไม่ออกจากอุปกรณ์ของคุณ