瀏覽漸變集合
滾動瀏覽漸變色板網格，探索不同的顏色組合和風格。每個漸變都會顯示其名稱和顏色代碼。
查看單獨顏色
點擊漸變的左半部分查看起始顏色，或點擊右半部分查看結束顏色。HEX 代碼將顯示 2 秒。
複製漸變 CSS
點擊任何漸變下方的「點擊複製漸變」按鈕，即可將完整的 CSS 背景屬性複製到剪貼簿。
在您的專案中使用
將複製的 CSS 代碼貼到您的樣式表或內聯樣式中。該漸變已準備好以線性漸變格式使用。
100+ 精選漸變
查閱超過 100 種精心挑選的精美漸變組合，並依風格和顏色主題分類，便於瀏覽。
互動式顏色預覽
點擊任何漸變色板的左半部分或右半部分，可查看單獨的起始和結束顏色及其 HEX 代碼。
一鍵複製 CSS 代碼
點擊複製按鈕，即可將即用型 CSS 線性漸變代碼立即複製到剪貼簿。
視覺化漸變網格
在簡潔、現代的網格佈局中瀏覽漸變，漸變名稱和顏色代碼清晰顯示，方便快速參考。
色彩漸變是兩種或多種顏色之間的平滑過渡，創造出視覺上吸引人的融合。在網頁設計中，CSS 線性漸變讓您能夠創建這些沿指定方向流動的顏色過渡。我們的色庫收錄了專業策劃的漸變組合，這些組合搭配和諧，能為背景、按鈕、卡片及其他設計元素快速找到協調的顏色過渡，為您節省時間。
專業策劃
我們收藏中的每個漸變都經過精心挑選，以確保視覺吸引力和設計多功能性，提供高品質的顏色組合。
即用型 CSS
立即獲得開箱即用的 CSS 代碼。無需手動編寫漸變語法或嘗試顏色值。
互動式顏色檢視
透過點擊色板的不同部分來查看單獨的漸變顏色，輕鬆了解所使用的確切顏色。
省時的設計工具
無需從頭開始嘗試錯誤地創建漸變。快速找到完美的漸變，並立即在您的專案中實施。
該色庫包含超過 100 種精心策劃的漸變組合，呈現從細微過渡到大膽、鮮豔融合的各種風格，適用於不同的設計需求。
點擊漸變色板的左半部分查看起始顏色，或點擊右半部分查看結束顏色。HEX 代碼將在色板上顯示 2 秒。
該工具會複製一個完整的 CSS 背景屬性，其線性漸變方向是從左到右（to right）。例如：background: linear-gradient(to right, #FF6B6B, #4ECDC4);
是的，色庫中的所有漸變均可免費用於個人和商業專案，不受任何限制。色彩漸變無法申請版權。
複製 CSS 代碼後，將其貼到您的樣式表或作為內聯樣式使用。您可以將其應用於任何元素的背景，例如 div、區塊、按鈕或卡片。
是的，複製 CSS 後，您可以修改「to right」部分為其他值，例如「to bottom」、「to top」、「45deg」或您喜歡的任何角度來更改方向。