2015/10/21
フラット・マテリアルデザインのカラーで瞬時に美しいグラデーションが作れるお手軽ツール「Blend」
フラット・マテリアルデザインのカラーで瞬時に美しいグラデーションが作れるお手軽ツールをご紹介。
背景に美しいグラデーションを利用したサイトやアプリをよく見かけますが、そうしたグラデーションを簡単に手早く作成できるツールです。
ベースとなるカラーは、フラットデザイン、マテリアルデザイン。
それらを組み合わせるだけで簡単に生成できます。
ご参考になれば幸いです。
フラット・マテリアルデザインのカラーを使った美しいグラデーションが作れるツール「Blend」
「Blend」は、フラットデザイン、マテリアルデザインのカラーを使った美しいグラデーションを簡単に作れるツールです。
使い方はとても簡単です。
左右のカラーパレットから、好きな色をクリックして選択します。

あとは、中央のボタンを押すだけ。

<>ボタンをクリックすると、CSSのコードが表示されますよ。

ベースとなるカラーは、フラットデザイン、マテリアルデザインのほか、明度が階層化されているブルー、グリーン、レッド、イエローから選択可能です。

これはお手軽すぎる!
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
2014年秋冬の流行色・トレンドカラーはこれ!国際見本市SpinExpoの流行色・トレンドカラー
SpinExpoが2014年秋冬の流行色・トレンドカラーを発表しました。 当然のことながら、Spi
-
-
CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」
CSSグラデーションは手軽に実装できるし、メンテナンスも簡単だし、とっても便利ですよね。 ただ、自
-
-
配色に便利なPCCSをCMYK、RGB、HEX値に変換:PCCS・CMYK・RGB・HEX値対応表
PCCSというものをご存知でしょうか? PCCSとはPractical Color Coordin
-
-
トレンドカラー・流行色2014年春夏:SpinExpoが発表!
SpinExpoが2014年春夏の流行色・トレンドカラーを発表しましたので、ご紹介します。 Spi
-
-
アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」
アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかるWEBサイトをご紹介します。 WE
-
-
「アナと雪の女王」の配色だってわかる!人気映画のカラー/配色を参考にできる「The Colors of Motion」
カラー/配色を決定するのって本当に難しいですよね。 皆さんはどんな方法で決定しているのでしょうか。
-
-
2017年秋冬の流行色・トレンドカラー! 国際見本市SpinExpo発表の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介
SpinExpoが2017年秋冬の流行色・トレンドカラーを発表しましたので、ご紹介します。 Spi
-
-
流行色(トレンドカラー)で差をつけよう!日本流行色協会(JAFCA)発表の2014年秋冬トレンドカラー情報
日本流行色協会(JAFCA)が2014年秋冬のトレンドカラーを発表しましたのでご紹介します。 JA
-
-
2015年秋冬の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー
SpinExpoが2015年秋冬の流行色・トレンドカラーを発表しましたので、いち早くご紹介します!
-
-
2014年春夏の流行色・トレンドカラーをLenzing(レンチング)社が提示
2014年春夏の流行色(トレンドカラー)については、前回の記事「2014年春夏の流行色・トレンドカラ
