✨ 漸層產生器
background: linear-gradient(to right, #ff6b6b, #6bc1ff);
使用我們易於使用的漸層產生器，創造令人驚豔的 CSS 線性與放射狀漸層。輕鬆選擇顏色、方向，並即時複製 CSS 程式碼用於您的網頁專案。
立即將 HSV（色相、飽和度、明度）顏色轉換為最接近的 Pantone 配對色。使用我們全面的顏色匹配工具，透過視覺比較和精準的色彩科學，找到完美的 Pantone 顏色。
使用我們免費的線上工具將Hex顏色轉換為最接近的Pantone配色。具備精確的Delta E色彩匹配功能，可瀏覽40多種常用Pantone顏色，並即時比較顏色。非常適合設計師、印刷業者和色彩專業人士。
免費線上建立令人驚豔的漸變色並生成自訂色彩調色盤。選擇起始和結束顏色，調整調色盤大小，並複製 CSS 程式碼或單獨的十六進位顏色代碼。非常適用於網頁設計、平面設計和創意專案。
使用我們免費的線上調色盤產生器，創造令人驚豔的色彩組合。運用色彩理論原則建立和諧的色彩方案，或從圖片中提取顏色。支援匯出至 CSS、SCSS、Tailwind、JSON、PDF 和 PNG 等格式。
免費線上從任何圖片中提取顏色。上傳圖片，點擊選擇顏色，並取得 HEX、RGB、HSL 和 CMYK 值。建立並匯出色彩調色盤。
檢查顏色對比度比率以符合網路無障礙規範。根據 WCAG 指南測試文字和背景顏色組合，提供即時預覽、無障礙評級和改進建議。
使用顏色選擇器選擇您的第一種和第二種顏色，或直接在文字輸入框中輸入十六進位顏色碼。
選擇線性漸層用於方向性顏色過渡，或放射狀漸層用於從中心向外擴散的圓形顏色過渡。
對於線性漸層，使用箭頭按鈕從 8 種方向選項中選擇，包括右、左、上、下和對角線方向。
點擊「複製 CSS」按鈕，將完整的背景 CSS 屬性複製到您的剪貼簿，即可貼到您的樣式表中。
完整控制顏色選擇和漸層方向，創造線性與放射狀漸層。即時切換漸層類型。
透過直觀的箭頭控制，為線性漸層選擇 8 種不同的方向，包括水平、垂直和對角線方向。
即時產生隨機顏色組合，為您的專案探索新的漸層想法和創意色彩搭配。
一鍵將生成的 CSS 漸層程式碼複製到剪貼簿。即用型 CSS 背景屬性，可立即實施。
CSS 漸層產生器是一種工具，透過平滑過渡組合兩種或多種顏色來建立 CSS 背景漸層。我們的漸層製作工具會產生 CSS linear-gradient 和 radial-gradient 屬性，可以直接用於網頁開發。線性漸層建立方向性顏色過渡，而放射狀漸層則從中心點建立圓形過渡。該工具提供即時預覽，並為現代網頁標準產生瀏覽器相容的 CSS 程式碼。
透過大型預覽區域即時查看您的漸層變化，精確呈現您的漸層在網頁專案中的外觀。
生成的 CSS 程式碼經過優化，並以正確的背景屬性語法呈現，與所有現代瀏覽器相容，可立即使用。
易於使用的箭頭按鈕用於設定漸層方向，讓您輕鬆建立設計所需的精確方向。
隨機顏色產生器有助於發現新的顏色組合，並為您的漸層設計和配色方案提供創意靈感。
線性漸層以直線方向（水平、垂直或對角線）建立顏色過渡，而放射狀漸層則從中心點向外輻射建立圓形顏色過渡。
是的，您可以直接在顏色選擇器旁的文字輸入框中輸入任何有效的十六進位顏色碼。本工具接受 #ff6b6b 或 #6bc1ff 等 6 位數的十六進位碼。
複製 CSS 程式碼並將其貼到您的樣式表中。生成的程式碼是一個完整的背景屬性，您可以將其應用於任何 HTML 元素以顯示漸層。
是的，生成的 CSS 使用標準的 linear-gradient 和 radial-gradient 語法，所有現代瀏覽器（包括 Chrome、Firefox、Safari 和 Edge）都支援。
目前，我們的工具為了簡潔和清晰的設計，專注於兩種顏色的漸層。如果需要，您可以修改生成的 CSS 程式碼以添加額外的顏色停止點。