Pt
PowerUtils

CSS 漸層生成器

視覺化生成線性和徑向 CSS 漸層。

使用說明

  • •選擇漸層類型（線性、放射狀、圓錐）
  • •點擊顏色選擇器選擇起始顏色
  • •點擊顏色選擇器選擇結束顏色
  • •使用滑桿調整漸層角度或位置
  • •CSS 代碼會自動在預覽區域生成
  • •點擊「複製」將 CSS 代碼複製到剪貼簿
135°
background: linear-gradient(135deg, #3b82f6, #06b6d4);

常見問題

相關工具

CSS 陰影生成器
視覺化生成 CSS box-shadow 代碼。
顏色轉換器
HEX、RGB、HSL、HSV 顏色格式互相轉換。
配色方案生成器
從基色生成和諧配色方案。
意見反饋

意見反饋