สร้างกราเดียนต์ CSS
สร้างกราเดียนต์ คัดลอกโค้ดพื้นหลัง CSS หรือดาวน์โหลดเป็นรูปภาพสูงสุด 3840×2160
ฟรี · ไม่ต้องสมัครสมาชิก · ไม่มีลายน้ำ
โฆษณา
วิธีใช้งาน
- เลือกเส้นตรง วงกลม หรือกรวย แล้วตั้งมุมหรือจุดศูนย์กลาง
- เลือกสีและเลื่อนจุดสี หรือเริ่มจากค่าที่ตั้งไว้ล่วงหน้าหรือกราเดียนต์แบบสุ่ม
- คัดลอก CSS หรือดาวน์โหลด PNG ในขนาดที่คุณต้องการ
โฆษณา
โฆษณา
สร้างกราเดียนต์ CSS
กราเดียนต์แบบเส้นตรงไหลไปตามมุม (90° คือซ้ายไปขวา) กราเดียนต์แบบวงกลมแผ่ออกจากจุดศูนย์กลาง และกราเดียนต์แบบกรวยกวาดรอบจุดศูนย์กลางเหมือนวงล้อสี โค้ด CSS ใช้ได้กับเบราว์เซอร์ปัจจุบันทุกตัว
การดาวน์โหลด PNG วาดกราเดียนต์เดียวกันบนแคนวาส คุณจึงใช้เป็นวอลเปเปอร์ พื้นหลังสไลด์ หรือรูปภาพโซเชียลมีเดียได้ กราเดียนต์ที่มีสีใกล้เคียงกันมากอาจเห็นแถบสีเล็กน้อยในรูปภาพ 8 บิต
คำถามที่พบบ่อย
ใช้ CSS ใน Tailwind หรือเฟรมเวิร์กอื่นได้ไหม
ได้ ใช้เป็นค่าพื้นหลังแบบกำหนดเองหรือใน CSS ของคุณเอง
กราเดียนต์มีกี่สีได้
สูงสุดหกจุดสี
ใช้ PNG ได้ฟรีไหม
ได้ คุณเป็นผู้สร้างเอง ไม่มีลายน้ำหรือข้อจำกัดด้านสิทธิ์การใช้
โฆษณา