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

Post on:2017年6月30日

sponsors

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

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

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

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

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

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

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

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

<div class="ch-paper">
        <script>
            var colorData = [
                ["#FDEB71", "#F8D800"]
            ];
        </script>
</div>

var colorData = [

["#FDEB71", "#F8D800"]

];

</script>

</div>

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

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

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