สร้างการไล่สีจากรูปภาพ
ดึงการไล่สีที่สวยงามจากรูปถ่ายใดก็ได้ — วางรูป เลือกอารมณ์ และสีหลักจะกลายเป็นจุดหยุดที่ลากได้ คัดลอก CSS พร้อมวางได้ทันที
ลากและวางรูปภาพที่นี่
หรือคลิกเพื่อเลือก — วางจากคลิปบอร์ดได้ด้วย
ทุกอย่างทำงานในเบราว์เซอร์ — รูปภาพของคุณไม่ถูกอัปโหลด ไม่ต้องสมัคร ฟรีทั้งหมด
background: —;
เกี่ยวกับ สร้างการไล่สีจากรูปภาพ
Gradient Generator from Image เปลี่ยนภาพถ่ายใดก็ได้ให้กลายเป็นเกรเดียนต์ CSS ที่พร้อมใช้งาน ลาก เลือก หรือวางภาพ แล้วเครื่องมือจะอ่านภาพนั้นบนแคนวาส ดึงสีเด่นออกมา และจัดวางเป็นจุดหยุดของเกรเดียนต์ที่คุณลาก เปลี่ยนสี และจัดลำดับใหม่ได้จนกว่าการผสมผสานจะตรงกับความรู้สึกของภาพต้นฉบับ
ตัวเลือกอารมณ์ Colorful, Bright, Muted, Deep หรือ Dark จะเปลี่ยนว่าสีที่ดึงออกมาสีใดกลายเป็นจุดหยุด ทำให้ภาพเดียวให้เกรเดียนต์ที่แตกต่างกันได้หลายแบบ คุณควบคุมประเภทเกรเดียนต์ (linear, radial หรือ conic) มุม และจุดหยุดเอง คลิกที่แถบเพื่อเพิ่มจุด ลากเพื่อย้ายตำแหน่ง กลับด้านหรือหมุนได้ด้วยคลิกเดียว
กระบวนการทั้งหมดทำงานในเบราว์เซอร์ของคุณ ภาพของคุณไม่มีการอัปโหลดไปยังเซิร์ฟเวอร์ เมื่อตัวอย่างดูดีแล้ว คัดลอกกฎ CSS แบบสมบูรณ์ เฉพาะค่า background หรือสีที่ดึงมาแยกกันก็ได้ เหมาะสำหรับส่วน hero พื้นหลังของหน้า และภาพแบรนด์ที่มาจากภาพถ่าย
วิธีใช้ สร้างการไล่สีจากรูปภาพ
- ลากและวางภาพ คลิกเพื่อเลือกไฟล์ หรือวางจากคลิปบอร์ด
- เลือกอารมณ์สี Colorful, Bright, Muted, Deep หรือ Dark เพื่อกำหนดว่าสีที่ดึงมาสีใดจะกลายเป็นจุดหยุด
- เลือกประเภทเกรเดียนต์ (linear, radial หรือ conic) และปรับมุม
- ลากจุดหยุดสีเพื่อปรับแต่งการผสมผสาน เพิ่ม ลบ กลับด้าน หรือสลับจุดหยุดตามต้องการ
- คลิก "Copy CSS" เพื่อดึงโค้ดเกรเดียนต์ที่พร้อมวางใช้งาน