สี & ดีไซน์

สร้าง CSS Gradient

เลือกสีตั้งต้นและสีปลายทาง ปรับมุมของ gradient แล้วดูตัวอย่างแบบเรียลไทม์ พร้อมโค้ด CSS ที่พร้อมคัดลอกไปใช้


      

        
        
      

    

  




        


        

                              
 วิธีใช้

          
    
            
  1. เลือกสีเริ่มต้นและสีปลายทาง
  2. ปรับมุมของ gradient ด้วยแถบเลื่อน
  3. คัดลอกโค้ด CSS ที่ได้ไปใช้ในโปรเจกต์
    4.           

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

                    

            รองรับ Radial Gradient ไหม?
            
เวอร์ชันนี้เน้น Linear Gradient ซึ่งเป็นรูปแบบที่ใช้บ่อยที่สุด — Radial Gradient จะเพิ่มในเวอร์ชันถัดไป

          

                    

            โค้ดที่ได้ใช้กับเบราว์เซอร์ไหนได้บ้าง?
            
ใช้ syntax มาตรฐาน linear-gradient() ที่รองรับในทุกเบราว์เซอร์สมัยใหม่

          

                                  

       เจอปัญหา? แจ้งเครื่องมือนี้