ตัวสร้างไล่ระดับสี CSS

เกี่ยวกับ ตัวสร้างไล่ระดับสี CSS

CSS Gradient Generator สร้าง gradient แบบ linear, radial และ conic พร้อมการควบคุมด้วยภาพอย่างเต็มที่ เพิ่มจุดสีโดยคลิกที่แถบ gradient ลากเพื่อจัดตำแหน่งใหม่ และกำหนดสี ความทึบ และตำแหน่งให้แต่ละจุดได้เอง gradient แบบ linear มีตัวควบคุมมุม แบบ radial มีรูปทรง (วงกลมหรือวงรี) และตำแหน่ง ส่วนแบบ conic มีมุมเริ่มต้น

พรีวิวสดแสดงผลลัพธ์ตรงกับที่เบราว์เซอร์จะแสดงจริง และปุ่มสุ่มพร้อมชุดพรีเซ็ตที่คัดสรรไว้ให้ใช้เมื่อคุณต้องการจุดเริ่มต้นแทนผืนผ้าใบว่างเปล่า จุดสีเพิ่มและลบได้อย่างอิสระ — gradient ต้องการอย่างน้อยสองจุดเท่านั้น

เมื่อลงตัวแล้ว คัดลอกค่า gradient เปล่า ๆ หรือกฎ CSS แบบสมบูรณ์ เครื่องมือนี้ทำงานในเบราว์เซอร์ทั้งหมดโดยไม่ต้องอัปโหลดหรือสมัครสมาชิก ทำให้เป็นตัวช่วยที่รวดเร็วสำหรับปุ่ม พื้นหลังฮีโร่ ขอบ และเอฟเฟกต์ข้อความ

วิธีใช้ ตัวสร้างไล่ระดับสี CSS

1. เลือกประเภท gradient: linear, radial หรือ conic
2. ตั้งค่ามุม (linear) รูปทรงและตำแหน่ง (radial) หรือมุมเริ่มต้น (conic)
3. คลิกที่แถบ gradient เพื่อเพิ่มจุดสีและลากไปยังตำแหน่งที่ต้องการ
4. กำหนดสี ความทึบ และตำแหน่งที่แน่นอนให้แต่ละจุด
5. ลองใช้พรีเซ็ตหรือปุ่มสุ่มเพื่อหาไอเดียอย่างรวดเร็ว
6. คัดลอกค่า gradient หรือกฎ CSS แบบเต็ม

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