漸層產生器

所有工具
漸層產生器
使用可拖曳的多色標控制和精選預設，從零開始建立線性、放射狀和圓錐 CSS 漸層。立即複製可貼上的 CSS。
即時預覽
預設
漸層類型
角度
°
色標
拖曳控制點移動色標，或點擊漸層條新增色標。選取色標可編輯其顏色。
已選取的色標
%
CSS
background: —;

所有計算均即時在您的瀏覽器中完成——無需註冊，完全免費。

分享
相關工具
圖像漸層產生器

從任何相片提取美麗的漸層——放入圖像、選擇氛圍，主色調將成為可拖曳的漸層色標。立即複製可貼上的 CSS。
色彩調色板產生器

從互動式色輪建立和諧的調色板——套用類比色、互補色或三角色等和諧規則，然後立即複製任何數值。
色彩混合器

將起始顏色漸變為結束顏色，最多 10 個步驟——預覽漸層、獲取每個色調，並立即複製任何格式。
熱門搜尋
漸層產生器 css 漸層製作 線性漸層產生器 放射漸層製作 錐形漸層 css 免費漸層產生器

將此免費工具新增到你自己的網站 — 複製並貼上下面的程式碼。