美しいグラデーションカラーを集めたサイト「uiGradients」

2017/05/24

こんにちは。
今回は美しいグラデーションカラーを集めたサイト「uiGradients」です。

美しいグラデーションカラーをまとめたWebサービスを紹介します。

美しいグラデーションカラーを集めたサイト「uiGradients」

uiGradients

uigradients

https://uigradients.com/

 

uiGradientsの使い方

uigradients2

美しいグラデーションをランダムに表示し、左右の矢印をクリックして好きなグラデーションを見つけます。
左上の「Show all gradients」のボタンをクリックするとグラデーションを一覧で見れ、ベースの色を選択することもできますよ。
右上のアイコン「Rotate gradient」をクリックで、グラデーションの位置を回転し、アイコン「Get css」で、CSSを、アイコン「Get .jpg」で画像をダウンロードできます。

 

アイデア広がる! 配色バリエーションBOOK
アイデア広がる! 配色バリエーションBOOK

 

いかがでしたか。グラデーションを作る際に参考にしたいですね。
以上で美しいグラデーションカラーを集めたサイト「uiGradients」でした。

Related Post

topへ戻る