TOP  >  Design  >  2色のベースカラーを使ってグラデーションを生成できるジェネレーター「Blend」
2015年10月17日

2色のベースカラーを使ってグラデーションを生成できるジェネレーター「Blend」

グラデーションを作り出すのは、簡単なように見えて意外に難しいもの。絶妙な色合いをイメージ通りに表現したい、今回はそんな時に便利なwebジェネレーター「Blend」を紹介したいと思います。

colinkeany1

2色のベースカラーを使ってグラデーションを生成できる、シンプルでありながらも使い勝手の良さが魅力のwebサービスとなっています。

詳しくは以下

colinkeany2

使い方は非常に簡単で、左右に設置されたカラーパレットから好きな色を選択し、真ん中に設置されている双方矢印ボタンを押すだけ。すると2つのカラーを起点にしたグラデーションカラーがプレビューされます。webサイトなどに反映する際のコードの取得も可能。カラーパレットは、ベースとなる多色版から、色別の濃淡バージョンまで用意されています。

そのままコードとして取得できる点も嬉しいところ。いろいろ試してみて、グラデーションカラーのバリエーションを探ってみるのも良いかもしれませんね。まずはサイトを一度試してみてはいかがでしょうか。

Blend – Generate simple and beautiful CSS3 gradients.

posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る