Blend」は好きな色のグラデーションをCSSで表現してくれるサイトです。グラデーションにしたい色を2色選びグラデーションを作ることができます。CSS3のコードを自動生成してくれるので、HTMLに埋め込めばグラデーションが簡単に作れますよ。

以下に使ってみた様子を載せておきます。まずBlendへアクセスしましょう。

151018_bl2.jpg

左右にカラーパレットがあるので、そこから好きな2色を選びます。そして真ん中の矢印ボタンをクリックするとグラデーションの完成。バーを左右にずらすことで色みを調整できますよ。

151018_bl3.jpg

グラデーションを作るCSSが生成されますので、コピペして使うことができますよ。ぜひグラデーションをCSSで表現したいときにご活用ください。

Blend

(カメきち)