Loading
ปรับจุดสีของ gradient แบบเส้นหรือรัศมี แล้วคัดลอก CSS
ดีไซน์background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
เลือกแบบเส้นหรือรัศมี
แก้สีและตำแหน่งจุด เพิ่มหรือลบจุด แล้วตั้งมุมหรือรูปทรง
ตรวจตัวอย่างและคัดลอก CSS
พบข้อมูลผิดหรือผลลัพธ์ไม่ตรง? แจ้งทีมพร้อมขั้นตอนและตัวอย่างที่ไม่มีข้อมูลลับ
เลือกสีและคัดลอกค่า HEX, RGB, HSL และรูปแบบอื่นที่แสดง
สร้างเงา CSS หลายชั้นพร้อมปรับตำแหน่ง ความเบลอ การกระจาย สี และ inset
ปรับมุมโค้งแต่ละด้านเป็นพิกเซลหรือเปอร์เซ็นต์ แล้วคัดลอก CSS
สร้างชุดสีจากสีตั้งต้นและรูปแบบความสัมพันธ์สี แล้วคัดลอกค่าสี
ดูตารางสี Tailwind ที่มีในเครื่องมือและคัดลอกค่าสีหรือ utility
จำลองพื้นที่ที่อาจถูกบังบนรูปแนวตั้งสำหรับ TikTok, Reels หรือ Shorts