Advertisement

webgradients1

 

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

 

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

 

 

 

詳細は以下から。

 

 

 

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

 

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

 

 

 

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

 

webgradients2

 

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

 

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

 

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