UTILS.
ทำงานในเบราว์เซอร์ 100%

เครื่องมือสร้าง CSS Gradient

สร้างไล่เฉดสีแบบ linear หรือ radial พร้อมพรีวิวสดและคัดลอก CSS ได้ทันที

เกี่ยวกับเครื่องมือนี้

สร้างไล่เฉดสีสองสีแบบ linear หรือ radial โดยเลือกสี ตำแหน่ง และมุม แล้วคัดลอกกฎ background พรีวิวสดทำงานในเบราว์เซอร์ของคุณทั้งหมด

คำถามที่พบบ่อย

มุมในไล่เฉดสีแบบ linear คืออะไร?
มุมจะกำหนดทิศทางการเปลี่ยนสี: 0° ชี้ขึ้น, 90° ชี้ไปทางขวา, 180° ชี้ลง และต่อไปเรื่อย ๆ
ควรใช้ radial แทน linear เมื่อใด?
ใช้ radial เพื่อกระจายสีออกจากจุดศูนย์กลาง (เหมือนสปอตไลต์) ส่วน linear จะไล่สีไปตามเส้นตรง

เครื่องมือเพิ่มเติม