2015/10/21
フラット・マテリアルデザインのカラーで瞬時に美しいグラデーションが作れるお手軽ツール「Blend」

フラット・マテリアルデザインのカラーで瞬時に美しいグラデーションが作れるお手軽ツールをご紹介。
背景に美しいグラデーションを利用したサイトやアプリをよく見かけますが、そうしたグラデーションを簡単に手早く作成できるツールです。
ベースとなるカラーは、フラットデザイン、マテリアルデザイン。
それらを組み合わせるだけで簡単に生成できます。
ご参考になれば幸いです。
フラット・マテリアルデザインのカラーを使った美しいグラデーションが作れるツール「Blend」
「Blend」は、フラットデザイン、マテリアルデザインのカラーを使った美しいグラデーションを簡単に作れるツールです。
使い方はとても簡単です。
左右のカラーパレットから、好きな色をクリックして選択します。
あとは、中央のボタンを押すだけ。
<>ボタンをクリックすると、CSSのコードが表示されますよ。
ベースとなるカラーは、フラットデザイン、マテリアルデザインのほか、明度が階層化されているブルー、グリーン、レッド、イエローから選択可能です。
これはお手軽すぎる!
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
PANTONE color to the year 2015はMarsalaに!過去のPANTONE color to the yearのクイズも
PANTONE color to the year 2015はMarsalaって色に決まりました。
-
-
ロイヤルティーフリー素材販売サイトShutterstockが2015年のカラートレンドを分析
高品質なロイヤルティーフリー素材販売サイトShutterstockが2015年のカラートレンドを分析
-
-
カラー/色で参考にすべきはブランドカラー!公式ブランドカラーが一目瞭然ですぐわかる「BrandColors」
カラー/色で大変参考になるブランドカラーががすぐにわかって使いやすいサイト「BrandColors」
-
-
トレンドカラー・流行色2014年春夏:SpinExpoが発表!
SpinExpoが2014年春夏の流行色・トレンドカラーを発表しましたので、ご紹介します。 Spi
-
-
CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」
CSSグラデーションは手軽に実装できるし、メンテナンスも簡単だし、とっても便利ですよね。 ただ、自
-
-
美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」
ズボラな自分に最適なCSSグラデーション作成ツールがあったので、ご紹介します。 グラデーションを自
-
-
この配色は美しい!ウェス・アンダーソンの映像美を支える配色/カラーパレットを解析した「Wes Anderson Palettes」
類まれなセンスで映画をつくるウェス・アンダーソン監督。 その独特な感性で表現される世界観は多くの人
-
-
2014年春ファッションにおける流行色・トレンドカラー by PANTONE
インクの大手メーカーPANTONEカラーが定期的に流行色・トレンドカラーを発表しているのをご存知でし
-
-
カラーを遊べ!16進数カラーコードのイベンダーゲームでHEX博士だ
16進数カラーコードいわゆるHEXをイベンダーゲームで楽しみながら学べる「Hex Invaders」
-
-
2016年春夏の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー
SpinExpoが2016年春夏の流行色・トレンドカラーを発表しましたので、CMYK/RGB/HEX