探索我們精選的 100+ 種驚豔色彩漸變。點擊漸變色板可查看單獨顏色，即時複製 CSS 代碼，為您的設計找到完美的漸變組合。
滾動瀏覽漸變色板網格，探索不同的顏色組合和風格。每個漸變都會顯示其名稱和顏色代碼。
點擊漸變的左半部分查看起始顏色，或點擊右半部分查看結束顏色。HEX 代碼將顯示 2 秒。
點擊任何漸變下方的「點擊複製漸變」按鈕，即可將完整的 CSS 背景屬性複製到剪貼簿。
將複製的 CSS 代碼貼到您的樣式表或內聯樣式中。該漸變已準備好以線性漸變格式使用。
查閱超過 100 種精心挑選的精美漸變組合，並依風格和顏色主題分類，便於瀏覽。
點擊任何漸變色板的左半部分或右半部分，可查看單獨的起始和結束顏色及其 HEX 代碼。
點擊複製按鈕，即可將即用型 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」或您喜歡的任何角度來更改方向。
立即將 HSV（色相、飽和度、明度）顏色轉換為最接近的 Pantone 配對色。使用我們全面的顏色匹配工具，透過視覺比較和精準的色彩科學，找到完美的 Pantone 顏色。
使用我們免費的線上工具將Hex顏色轉換為最接近的Pantone配色。具備精確的Delta E色彩匹配功能，可瀏覽40多種常用Pantone顏色，並即時比較顏色。非常適合設計師、印刷業者和色彩專業人士。
免費線上建立令人驚豔的漸變色並生成自訂色彩調色盤。選擇起始和結束顏色，調整調色盤大小，並複製 CSS 程式碼或單獨的十六進位顏色代碼。非常適用於網頁設計、平面設計和創意專案。
使用我們易於使用的漸層產生器，創造令人驚豔的 CSS 線性與放射狀漸層。輕鬆選擇顏色、方向，並即時複製 CSS 程式碼用於您的網頁專案。
使用我們免費的線上調色盤產生器，創造令人驚豔的色彩組合。運用色彩理論原則建立和諧的色彩方案，或從圖片中提取顏色。支援匯出至 CSS、SCSS、Tailwind、JSON、PDF 和 PNG 等格式。
免費線上從任何圖片中提取顏色。上傳圖片，點擊選擇顏色，並取得 HEX、RGB、HSL 和 CMYK 值。建立並匯出色彩調色盤。