返回工具目錄 TechTechTechnology

CSS 漸層產生器

視覺化編輯 linear／radial／conic 等漸層，複製 CSS，需要時匯出圖像預覽。適合背景、按鈕同行銷版面。

工具 #6 可使用 72 次使用
漸層設定

調整漸層效果

2 stops
#FFBE1E
#222222
115°
輸出

漸層預覽

準備好
— 漸層色 Gradient Generator 

  

  

    
    
  



  




    
  


  




        





  
關於呢個工具

  
視覺化編輯 linear／radial／conic 等漸層，複製 CSS，需要時匯出圖像預覽。適合背景、按鈕同行銷版面。


  
點樣用

  
    
    
    
  1. 揀漸層類型同色標。
    2. 
    
    
  2. 調角度或中心位置。
    3. 
    
    
  3. 複製 CSS 或下載預覽圖。
    4. 
    
  


  
私隱

  
無需登入即可使用。


  
使用限制

  
進階色彩空間插值視乎瀏覽器支援。


  

  
  
相關工具