ตัวสร้างพื้นหลังไล่สีและ CSS Mesh

ออกแบบพื้นหลังไล่สี Linear/Radial ปรับองศาและเลือกสีได้อย่างอิสระ พร้อมกล่องพรีวิวและกดคัดลอกโค้ด CSS

ทำงานบนเครื่องคุณ 100% (ข้อมูลปลอดภัย ไม่ส่งขึ้นเซิร์ฟเวอร์)

ออกแบบพื้นหลังไล่สี CSS & Tailwind

ตัวสร้างพื้นหลังไล่สี (Gradient Generator)

ออกแบบพื้นหลังไล่สี (Linear, Radial) ปรับองศาและเลือกสีได้อย่างอิสระ พร้อมกล่องพรีวิวและกดคัดลอกโค้ด CSS ไปใช้ในเว็บไซต์ของคุณได้ทันที

ประเภทการไล่สี (Gradient Type)

องศาการไล่สี (Angle)135deg

เลือกสีคู่หู (Color Stops)

Color 1

Color 2

พาเลตต์สำเร็จรูป (Presets)

Preview

โค้ด CSS สำเร็จรูป (CSS Code)

background: linear-gradient(135deg, #3B82F6, #8B5CF6);

เลือกประเภทการไล่สี (Linear แบบเส้นตรง หรือ Radial แบบรัศมีวงกลม)
หากเลือก Linear สามารถเลื่อนแถบปรับองศา (Angle) ได้ตั้งแต่ 0 ถึง 360 องศา
คลิกเลือกสี Color 1 และ Color 2 หรือกดปุ่ม 'สุ่มสีคู่หูใหม่' เพื่อหาไอเดียสีสวยๆ
ดูตัวอย่างพรีวิวและกดปุ่ม 'คัดลอกโค้ด' เพื่อนำโค้ด CSS ไปใช้ในเว็บไซต์ของคุณได้ทันที

⭐ ให้คะแนนเครื่องมือนี้

4.7

/ 5.0

รีวิว