グラデーションサンプルをその場で自由にカスタマイズできるサイト「Grabient」

写真拡大 (全2枚)

Grabient」には20種類ほどのサンプルがあり、さまざまなグラデーションが用意されています。これらのサンプルだけでも配色のインスピレーションとして役に立ちますが、さらに、そのサンプルを自分でカスタマイズできますよ。

Screenshot: Grabient

グラデーションの向きを変えたり、色を新しく加えて調整したりすることも可能。カスタマイズしたグラデーションはCSSで出力できます。

Sketchファイルでの一括書き出し機能もあるので、デザイナーにとって便利なつくりではないでしょうか。ぜひグラデーションを扱う際にご活用ください。

Source: Grabient

Screenshot: Grabient