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

webgradients1

 

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

 

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

 

 

 

詳細は以下から。

 

 

 

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

 

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

 

 

 

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

 

webgradients2

 

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

 

配色の参考!美しいCSSグラデーションカラーを集めたギャラリーサイトuiGradients

 

 

グラデーションや配色に使えるツール、素材まとめ

より詳しいグラデーションの使い方や無料素材をまとめて紹介しています。

2019年注目トレンド「グラデーション」大解剖!人気の秘密や実用的な使い方、無料素材まとめ

 

グラデーションの色合いは異なりますが、鮮やかなネオン系の配色を得意としたツール。

コピペ&カスタマイズ自在!2017年らしいカラフルグラデーションをまとめた Grabients

 

この他にも、グラデーションカラーに関連するツールなども紹介しています。コピペで利用できるお手軽なツールが揃っています。

ウェブデザイナー必見!美しいCSSグラデーションをコピペできる無料ツール17選まとめ

 

配色えらびに迷ったときに使えるツールを2019年最新版にアップデートしています。

【2021年版】もう配色デザインには迷わない!すごい無料カラーパレットツール83個まとめ

 

手軽に利用できる色合いが美しいグラデーションカラーのテクスチャ素材100枚が揃います。

2018年流行カラー決定!すみれ色「Ultra Violet ウルトラ・バイオレット」を使った参考カラーパレット

 

Holographic Gradients

9

 

 

 

Winter Gradients

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

10

 

 

 

Gradient Topography Collection

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

11

 

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