สร้าง CSS Gradient ไล่สี ออนไลน์
เลือกสี มุม และชนิดการไล่สี เห็นตัวอย่างทันทีพร้อมโค้ด CSS สำหรับคัดลอกไปใช้
เกี่ยวกับสร้าง CSS Gradient
เลือกสี 2–4 สี ชนิดการไล่สี (เส้นตรง วงกลม หรือรอบจุดศูนย์กลาง) และมุม ระบบแสดงตัวอย่างและโค้ด CSS ที่ใช้ได้กับทุกเบราว์เซอร์สมัยใหม่ กด “สุ่มสี” เพื่อหาไอเดีย หรือดาวน์โหลดเป็นรูป PNG ขนาด 1920×1080 สำหรับทำพื้นหลังสไลด์หรือวอลเปเปอร์
ใส่ตำแหน่ง (%) ของแต่ละสีเพื่อควบคุมว่าสีไหนกินพื้นที่มากน้อยแค่ไหน
คำถามที่พบบ่อย
ใช้กับตัวหนังสือได้ไหม
ได้ ใช้ background-clip: text และ color: transparent
เครื่องมืออื่นในหมวดนี้
จัดรูปแบบ JSON Base64 เข้ารหัส / ถอดรหัส รูปภาพ ↔ Base64 URL Encode / Decode HTML Entity เข้ารหัส / ถอดรหัส สร้างค่า Hash สร้าง UUID ถอดรหัส JWT ทดสอบ Regex สร้าง Cron แปลง Unix Timestamp จัดรูปแบบโค้ด Markdown Preview แปลงข้อความเป็นเลขฐาน แปลงรหัสสี เช็คคอนทราสต์สี แปลง JSON เป็น CSV แปลง CSV เป็น JSON แปลง YAML ↔ JSON แปลง JSON เป็น TypeScript เข้ารหัส AES สร้างรหัส TOTP (2FA) ตรวจความแข็งแรงรหัสผ่าน สร้าง CSS Box Shadow สร้าง CSS Border Radius สี Tailwind สร้างชุดสี คำนวณสัดส่วนภาพ คำนวณ Chmod