CSS 漸層產生

CSS 漸層產生可在瀏覽器中根據角度與兩種色彩產生並預覽 linear-gradient CSS。

⌂ 輸入與結果僅在此瀏覽器中處理，不會自動儲存或傳送。

類型重複角度135

等待輸入

● 即時預覽

起始色彩

종료色彩

等待輸入

完整文字結果

使用方法

選擇線性或放射狀漸層，設定色標、角度等，逐項調整並看預覽。

複製 CSS 後在實際元素尺寸下檢查。疊加文字時應檢查背景中最難閱讀位置的對比度。

#4F46E5
---
#22D3EE

每個輸入限1,048,576位元組，輸出限33,554,432位元組，處理時間限5,000毫秒。輸入不會被靜默截斷。