網站調色工具推薦,漸層色背景產生工具

網站調色工具推薦
本篇文章推薦的網站調色工具,可以產生20+種不同風格調色板,還能產生2色或3色漸層背景及對應CSS程式碼。
文章目錄

本篇文章共774 字,預計閱讀時間4 分鐘

網站調色工具介紹

這個工具叫 色彩空間

可以透過輸入指定顏色,產生各種類型的鄰近色、梯度色、風格色等調色板。

也可以填兩個或三個指定顏色,讓它幫你產生一個漸層色背景,並輸出對應的CSS代碼供你使用。

產生調色板

調色工具首頁開啟該調色工具的網站,首頁就是調色產生頁面。

選擇要產生的調色板顏色

輸入指定的顏色,就可以產生對應各種風格的調色盤。

也支援直接選擇不同顏色進行生成。

產生的調色板效果如下:

調色板1

調色盤2

調色盤3

這裡就只簡單截圖出來幾種。

Well統計了一下,它能產生這些風格的調色盤:

  • 通用漸變
  • 匹配梯度
  • 現貨調色盤
  • 扭曲斑點調色板
  • 優雅調色板
  • 立方體調色板
  • 切換調色板
  • 小開關調色板
  • 跳過漸變
  • 自然調色板
  • 配套調色板
  • 壁球調色盤
  • 灰色的朋友
  • 點綴調色板
  • 跳過陰影漸變
  • 三體
  • 高光調色板
  • 鄰居調色板
  • 低調的調色板
  • 灰塵調色盤
  • 集體
  • 朋友調色板
  • 釘子調色板
  • 色調
  • 隨機陰影

產生漸層背景色

兩色漸層背景

產生兩種顏色的漸層色背景和對應的CSS代碼

點擊頁面上方的“Gradient”,選擇或輸入兩種顏色,就可以產生對應的漸層色背景。

還可以調整漸層的角度。

設定好顏色並點選生成,這個頁面的背景色也會發生對應變化,能看到一個直覺效果。

可以直接複製下方產生的CSS程式碼加入網站使用。

三色漸層背景

產生三種顏色的漸層色背景和對應的CSS代碼

三色漸層和兩色漸層的設定方法是一樣的,只不過是多設定一個顏色。

以上就是本篇文章的全部內容。

: ) 文章內容均為原創,轉載須註明出處並添加原文鏈接,否則視為侵權
外貿伺服器推薦(Well在用的伺服器)
vultr-徽標
一線品牌VPS伺服器,穩定、不貴、效能強
二線品牌VPS伺服器,穩定、便宜、效能強
文章標籤
文章推薦
文章目錄
相關文章
zh_TWZH_TW