Advertisement

webgradients1

 

最近のウェブデザインでよく見かける、鮮やかな配色のグラデーションカラーをお探しですか。

 

WebGradients は、どんなウェブサイトでも利用できる美しいグラデーションカラー180種類を揃えた、無料の配色コレクションツールです。ボタンをクリックするだけで、Internet Explorer や Chrome などクロスブラウザ対応のCSS3コードをコピペできます。使い勝手もよいので、ワークフローに加えたいサービスのひとつです。

 

 

 

詳細は以下から。

 

 

 

コピペ自由!美しいグラデーションを180種類揃えた WebGradients

 

WebGradients では、配色の参考にしたい美しいグラデーションカラーが一覧で揃っており、使い方もとてもシンプルです。各パネルでは、2500x2500pxのPNGファイルをダウンロードできたり、使用している色のHEXコードもまとめて確認でき、Webデザイン制作に便利なCSS3コードもボタンひとつでコピペ可能。さらにグラデーションカラーをクリックすることで、ウィンドウ全体にカラーを適用することもできます。

 

 

 

以下は収録されているグラデーションカラー配色のサンプル例です。

 

webgradients2

 

このサイトでは、Photoshop と Sketch 用ファイルとして、すべてのグラデーションをまとめてダウンロードすることもできるので、今後のデザイン制作に活用してみてはいかがでしょう。見た目もシンプルで使いやすいサイトとなっています。

 

uigradient-top
カラーリング、配色の参考にしたい美しいCSSグラデーションカラーをあつめたギャラリーサイトuiGradientsが、個人的にデザイン制作で役に立ったので、備忘録的エ

 

 

Holographic Gradients

9

 

 

 

Winter Gradients

冬を連想する幻想的な色使いが魅力的なグラデーションのベクターテクスチャ30枚セット。

10

 

 

 

Gradient Topography Collection

地図などで使われる等高線をモチーフに、美しいグラデーションを組み合わせた60枚の高品質テクスチャ素材セット。

11

 

参照元リンク : Fresh Background Gradients | WeGradients