為你下一個設計項目提供30款奪目的色彩漸變

在為你的用戶界面尋找更酷的背景漸變? 軟件及設計公司Itmeo創建了一個極有用的在線工具WebGradients – 集合了180種免費的線性漸變,並可以在網站的任何部分用作內容背景。 您可以下載每種漸變的.PNG版本,並複製其CSS3跨瀏覽器代碼。下載後在Sketch和Photoshop上也可以使用。以下是我們的一些收藏。

  1. 溫暖的火焰
    beautiful-color-gradients-backgrounds-001-warm-flame.png

#ff9a9e→#fad0c4

  1. 美味的桃子蜜桃
    beautiful-color-gradients-backgrounds-004-juicy-peach.png

#ffecd2→#fcb69f

  1. 女士嘴唇beautiful-color-gradients-backgrounds-006-lady-lips.png

#ff9a9e→#fecfef

  1. 冬天的涅瓦河beautiful-color-gradients-backgrounds-010-winter-neva.png

#a1c4fd→#c2e9fb

  1. 傾盆大雨beautiful-color-gradients-backgrounds-013-heavy-rain.png

#cfd9df→#e2ebf0

  1. 多雲的諾克斯維爾
    beautiful-color-gradients-backgrounds-018-cloudy-knoxville.png

#fdfbfb→#ebedee

  1. 聖彼得堡
    beautiful-color-gradients-backgrounds-026-saint-petersburg.png

#f5f7fa→#c3cfe2

  1. 梅花盤
    beautiful-color-gradients-backgrounds-028-plum-plate.png

#667eea→#764ba2

  1. 永恆的天空
    beautiful-color-gradients-backgrounds-029-everlasting-sky.png

#fdfcfb→#e2d1c3

  1. 快樂的漁夫
    beautiful-color-gradients-backgrounds-030-happy-fisher.png

#89f7fe→#66a6ff

  1. 飛得更高
    beautiful-color-gradients-backgrounds-047-fly-high.png

#48c6ef→#6f86d6

  1. 強烈的祝福
    beautiful-color-gradients-backgrounds-048-strong-bliss.png
    多種顔色
  2. 新鮮牛奶
    beautiful-color-gradients-backgrounds-049-fresh-milk.png

#feada6→#f5efef

  1. 巨鯨
    beautiful-color-gradients-backgrounds-058-great-whale.png

#a3bded→#6991c7

  1. 飛濺的水
    beautiful-color-gradients-backgrounds-070-aqua-splash.png

#13547a→#80d0c7

  1. 潔淨的鏡
    beautiful-color-gradients-backgrounds-075-clean-mirror.png

#93a5cf→#e4efe9

  1. 高尚黑
    beautiful-color-gradients-backgrounds-076-premium-dark.png

#434343→#000000

  1. 哥濟地湖
    beautiful-color-gradients-backgrounds-078-cochiti-lake.png

#93a5cf→#e4efe9

  1. 熱情的床
    beautiful-color-gradients-backgrounds-080-passionate-bed.png

#ff758c→#ff7eb3

  1. 山岩
    beautiful-color-gradients-backgrounds-081-mountain-rock.png

#868f96→#596164

  1. 沙漠駝峰
    beautiful-color-gradients-backgrounds-082-desert-hump.png

#c79081→#dfa579

  1. 永恆不變
    beautiful-color-gradients-backgrounds-091-eternal-constance.png

#09203f→#537895

  1. 健康的水
    beautiful-color-gradients-backgrounds-096-healthy-water.png

#96deda→#50c9c3

  1. 邪惡的姿態
    beautiful-color-gradients-backgrounds-100-vicious-stance.png

#29323c→#485563

  1. 內加
    beautiful-color-gradients-backgrounds-117-nega.png

#ee9ca7→#ffdde1

  1. 夜空
    beautiful-color-gradients-backgrounds-123-night-sky.png

#1e3c72→#2a5298

  1. 溫柔的愛護
    beautiful-color-gradients-backgrounds-127-gentle-care.png

#ffc3a0→#ffafbd

  1. 天使的愛護
    beautiful-color-gradients-backgrounds-158-angel-care.png

多種顔色

  1. 早晨的沙律
    beautiful-color-gradients-backgrounds-165-morning-salad.png

#B7F8DB→#50A7C2

  1. 深刻的遺憾

    beautiful-color-gradients-backgrounds-166-deep-relief.png
    多種顔色

 

如何使用漸變

除非你被困在90年代,漸變是現是最適合使用的色彩。Creative Market提供了一個方便的信息圖表,解釋了不同類型的漸變,工具術語,並提供了有關最佳做法的提示和建議。

發表迴響