最近のデザインでよく見かける色相を変化させた美しいグラデーションがまとめられた無料素材 -coolHue

最近のWebサイトやスマホアプリのデザインで人気が高い、色相を変化させた美しいグラデーション素材を紹介します。

Photoshop, Sketchのグラデーション素材として、またコードベースで利用することもできます。

サイトのキャプチャ

coolHue
coolHue -GitHub

最近のグラデーションで人気が高いのは、色相を変化させたものです。

グラデーション素材のキャプチャ

色相を変化させたグラデーション

背景にすると全景の文字や画像が映え、画像にオーバーレイさせたり、要素の塗りに適用させたり、デザインのさまざまなバリエーションに利用できます。

グラデーション素材のキャプチャ

色相を変化させたグラデーション

coolHueはPhotoshop, Sketchのグラデーション素材としてだけでなく、JavaScriptのオブジェクトとしてレンダリングされており、コードベースで利用することもできます。

外部スクリプトを加えて、下記のように記述します。

Photoshop, Sketchのグラデーション素材は、下記ページからダウンロードできます。

サイトのキャプチャ

coolHue -GitHub

ページの下のリンクをクリックすると、すぐにダウンロードできます。

Photoshopのキャプチャ

Photoshopにグラデーション素材をインストールしてみた

top of page

©2018 coliss