สร้าง CSS Gradient
เลือกสี มุม และชนิดของการไล่สีบนภาพตัวอย่างแบบเรียลไทม์ เพื่อออกแบบ CSS gradient แบบเส้นตรง (linear) หรือรัศมี (radial) จากนั้นคัดลอกโค้ด background-image ที่ถูกต้องไปใช้งานได้เลย ไม่ต้องมานั่งเดาเปอร์เซ็นต์ของจุดไล่สีเอง
เครื่องมือออกแบบและ CSS ทำงานในเบราว์เซอร์ของคุณทั้งหมด
การประมวลผลทั้งหมดเกิดขึ้นบนอุปกรณ์ของคุณ — ไม่มีการส่งข้อมูลใดๆ ไปยังเซิร์ฟเวอร์
0%
100%
โค้ด CSS
background-image: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);
ดำเนินการต่อด้วย
เครื่องมือที่เกี่ยวข้อง
อยากลองใช้ Uddatak ไหม?
เรียกดูคลังเครื่องมือทั้งหมดและเริ่มใช้งานสิ่งที่คุณต้องการได้ทันที — ฟรีและไม่ต้องสมัครสมาชิก
ดูเครื่องมือทั้งหมด