美しいグラデーションカラーを集めたサイト「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」でした。

綺麗なグラデーションを作成できるサイトをまとめた記事はこちら

綺麗なグラデーションを作成できるサイト8選
こんにちは。 今回は綺麗なグラデーションを作成できるサイト8選です。 デザインやWeb制作をしていると綺麗なグラデーションを作成し...

この記事を読んだ人はこんな記事も読んでいますよ