เครื่องกําเนิดไฟฟ้า CSS
สร้าง CSS Gradients ที่กําหนดเองด้วย Preview
Vista Previa
background: linear-gradient(90deg, #3B82F6, #8B5CF6);Gradient Generator เป็นเครื่องมือขั้นสูงสุดสำหรับการสร้างการไล่ระดับสีที่น่าทึ่งสำหรับการออกแบบของคุณ สร้างการไล่ระดับสีเชิงเส้น รัศมี และทรงกรวยด้วยสี มุม และการหยุดที่ปรับแต่งได้ เหมาะสำหรับการออกแบบเว็บไซต์ การพัฒนา UI การออกแบบกราฟิก และโครงการสร้างสรรค์ คัดลอกโค้ด CSS ทันทีและดูตัวอย่างการไล่ระดับสีแบบเรียลไทม์ สร้างการไล่ระดับสีคุณภาพระดับมืออาชีพโดยไม่ต้องมีประสบการณ์ด้านการออกแบบใดๆ
Key Features
ประเภทการไล่ระดับสีเชิงเส้น รัศมี และทรงกรวย
หยุดสีได้ไม่จำกัด
ดูตัวอย่างแบบเรียลไทม์
ปรับมุมและตำแหน่งได้
คัดลอกโค้ด CSS ทันที
รองรับสี HSL, RGB และ HEX
เทมเพลตการไล่ระดับสีที่สร้างไว้ล่วงหน้า
การรวมตัวเลือกสี
ส่งออกเป็นรูปภาพหรือ CSS
การแสดงตัวอย่างที่ตอบสนองต่อมือถือ
เครื่องกำเนิดการไล่ระดับสี
เลือกประเภทการไล่ระดับสี
เลือกระหว่างการไล่ระดับสีเชิงเส้น รัศมี หรือทรงกรวย ตามความต้องการในการออกแบบของคุณ
เลือกสีของคุณ
คลิกการหยุดสีเพื่อเลือกสีที่กำหนดเองโดยใช้ตัวเลือกสีที่ผสานรวม
ปรับทิศทาง
กำหนดมุม ตำแหน่ง และทิศทางสำหรับการไล่ระดับสีให้ตรงกับวิสัยทัศน์การออกแบบของคุณ
ดูตัวอย่างแบบเรียลไทม์
ดูการอัปเดตการไล่ระดับสีของคุณทันทีเมื่อคุณปรับสีและการตั้งค่า
คัดลอกรหัส
คลิก "คัดลอก CSS" เพื่อคัดลอกโค้ดไปยังคลิปบอร์ดเพื่อใช้ในโครงการของคุณทันที
Use Cases
สร้างพื้นหลังเว็บไซต์
ออกแบบการไล่ระดับสีของปุ่ม
สร้างพื้นหลังส่วนประกอบการ์ด
สร้างการไล่ระดับสีส่วนฮีโร่
ออกแบบพื้นหลังแอปบนมือถือ
สร้างการซ้อนทับแบบไล่ระดับสี
ออกแบบพื้นหลังโพสต์บนโซเชียลมีเดีย
สร้างกราฟิกแบนเนอร์
สร้างการไล่ระดับสีตามธีม
สร้างการไล่ระดับสีที่สอดคล้องกับแบรนด์
Frequently Asked Questions
ตัวสร้างเอาต์พุต CSS ใด
เราส่งออกการไล่ระดับสี CSS สมัยใหม่ที่เข้ากันได้กับเบราว์เซอร์สมัยใหม่ทั้งหมดโดยใช้ไวยากรณ์การไล่ระดับสี CSS มาตรฐาน
ฉันสามารถใช้การไล่ระดับสีกับรูปภาพได้หรือไม่?
ใช่ การไล่ระดับสี CSS สามารถซ้อนเลเยอร์กับภาพพื้นหลังได้โดยใช้คุณสมบัติพื้นหลังหลายแบบ
มีข้อกังวลเรื่องความเข้ากันได้ของเบราว์เซอร์หรือไม่?
การไล่ระดับสีสมัยใหม่ได้รับการสนับสนุนในเบราว์เซอร์ปัจจุบันทั้งหมด เรามีตัวเลือกสำรองสำหรับเบราว์เซอร์รุ่นเก่า
ฉันสามารถส่งออกเป็นไฟล์รูปภาพได้หรือไม่
ได้ คุณสามารถสร้างและดาวน์โหลดการไล่ระดับสีเป็นไฟล์ภาพ PNG หรือ SVG ได้
Tool Information
Related Tools You Might Like
Color Palette Generator จากภาพ
สารสกัดสีที่โดดเด่นจากภาพ
RGB / Hex แปลง
การแปลงระหว่างรูปแบบสี RGB และ HEX
WCAG Contrast เช็ค
ตรวจสอบความต้านทานสีตามมาตรฐาน WCAG
เครื่องกําเนิดสัญญาณดิจิตอล
สร้างสัญญาณดิจิตอลแบบสไตล์ด้วยตัวอักษรที่แตกต่างกัน
เครื่องกําเนิดไฟฟ้า Box Shadow
สร้าง CSS Box Shadows
เครื่องกําเนิดไฟฟ้า Shadow
สร้าง CSS Text Shadows
เครื่องคํานวณปริมาณ Surfboard
การคํานวณปริมาณ surfboard ที่สมบูรณ์แบบขึ้นอยู่กับน้ําหนักของคุณระดับประสบการณ์และเงื่อนไขคลื่น
Wave Height แปลง
แปลงระหว่างการวัดความสูงของคลื่นที่แตกต่างกัน (ความสูงของใบหน้า, ระดับฮาเวียน, น้ําแตกของทะเล)
สกูบา Dive Planner
การวางแผนการดูดสกูบของคุณด้วยข้อ จํากัด ความลึกเวลาด้านล่างและความต้องการความปลอดภัย