2015/10/21
フラット・マテリアルデザインのカラーで瞬時に美しいグラデーションが作れるお手軽ツール「Blend」
フラット・マテリアルデザインのカラーで瞬時に美しいグラデーションが作れるお手軽ツールをご紹介。
背景に美しいグラデーションを利用したサイトやアプリをよく見かけますが、そうしたグラデーションを簡単に手早く作成できるツールです。
ベースとなるカラーは、フラットデザイン、マテリアルデザイン。
それらを組み合わせるだけで簡単に生成できます。
ご参考になれば幸いです。
フラット・マテリアルデザインのカラーを使った美しいグラデーションが作れるツール「Blend」
「Blend」は、フラットデザイン、マテリアルデザインのカラーを使った美しいグラデーションを簡単に作れるツールです。
使い方はとても簡単です。
左右のカラーパレットから、好きな色をクリックして選択します。
あとは、中央のボタンを押すだけ。
<>ボタンをクリックすると、CSSのコードが表示されますよ。
ベースとなるカラーは、フラットデザイン、マテリアルデザインのほか、明度が階層化されているブルー、グリーン、レッド、イエローから選択可能です。
これはお手軽すぎる!
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
「アナと雪の女王」の配色だってわかる!人気映画のカラー/配色を参考にできる「The Colors of Motion」
カラー/配色を決定するのって本当に難しいですよね。 皆さんはどんな方法で決定しているのでしょうか。
-
カラー/色で参考にすべきはブランドカラー!公式ブランドカラーが一目瞭然ですぐわかる「BrandColors」
カラー/色で大変参考になるブランドカラーががすぐにわかって使いやすいサイト「BrandColors」
-
カラー・色彩心理学【お手軽版】色・カラーがもつ心理的意味がよくわかる
デザインにおいて色・カラーが重要なのは言うまでもないですよね。 さらに重要になってくるのが配色の知
-
トレンドカラー・流行色2014年春夏:SpinExpoが発表!
SpinExpoが2014年春夏の流行色・トレンドカラーを発表しましたので、ご紹介します。 Spi
-
Illustratorでのカラーワークで役立つ無料のカラースウォッチライブラリー12
デフォルトのIllustratorはスウォッチパネルがほぼ空状態です。 これは具合が悪い。 いち
-
ロイヤルティーフリー素材販売サイトShutterstockが2015年のカラートレンドを分析
高品質なロイヤルティーフリー素材販売サイトShutterstockが2015年のカラートレンドを分析
-
色彩検定2級に短期期間で合格できるオススメ問題集・参考書2冊
あなたは今年の目標を立てましたか? 資格試験合格の目標を立てている人はたくさんいますよね。 この
-
アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」
アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかるWEBサイトをご紹介します。 WE
-
配色に便利なPCCSをCMYK、RGB、HEX値に変換:PCCS・CMYK・RGB・HEX値対応表
PCCSというものをご存知でしょうか? PCCSとはPractical Color Coordin
-
CSS3の色名147色(RGB、HEX16進カラーコード併記)
CSS3になって、色名についても大幅に選択肢が増えたのをご存知でしょうか。 私は知りませんでした。