Blend 免費 CSS 漸層背景選色工具,快速取得程式碼
網站外觀可以透過 CSS 進行調整,包括字體大小、按鈕樣式、框邊與其他元素。若想提升視覺效果,希望採用漸層顏色作為背景,Blend 是一個簡單實用的線上 CSS 漸層背景產生器,讓用戶挑選顏色即時預覽效果,快速複製 CSS3 漸層背景程式碼。

Blend 是免費的線上工具,只需挑選顏色,網頁立即生成預覽畫面和程式碼,用戶可選擇 2~5 種顏色,並提供線性(Linear)和徑向(Radial)漸層選項,其中線性漸層還可調整角度,無論是快速獲取 CSS 漸層背景程式碼,或作為漸層選色工具都很實用。

名稱:Blend — CSS Gradient Generator
語言:英文
網址:https://colinkeany.com/blend/

Blend 使用說明:

1. 開啟 Blend 網頁,預設會以紅色和藍色生成漸層效果,並在頁面底部提供 CSS 漸層背景程式碼,點擊「複製」按鈕即可獲得程式碼。
Blend 免費 CSS 漸層背景選色工具,快速取得程式碼

2. 用戶可以挑選和增加顏色,最多能選擇五種顏色生成漸層背景,網頁會即時顯示新的預覽畫面和程式碼。
Blend 免費 CSS 漸層背景選色工具,快速取得程式碼

3. 漸層效果有 Linear、Radial 兩種樣式,其中 Linear 線性漸層可以調整角度。
Blend 免費 CSS 漸層背景選色工具,快速取得程式碼

4. 點選「Radial」會顯示徑向漸層效果,顏色變化將呈現同心圓樣式。
Blend 免費 CSS 漸層背景選色工具,快速取得程式碼

延伸閱讀