マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBデザイン WEB制作

もう怖くない!色の配色

投稿日:2015年2月27日 更新日:

皆さん!
こんばんは!!
webデザインを新人デザイナーKです。

元々色選びに才能が全くない私は、デザインをする際に色んな参考サイトを
メチャクチャ調べてから制作に入ります。
でもどうしても配色だけはなかなか決めづらい・・・
特に3色以上入るものになると“(º﹃º)???”←こういう状態になります。

それで本日はそんな色選びに不器用な私(もしくはみなさん)でも
簡単に配色ができるサイトをいくつかご紹介したいと思います!

The Color Scheme Designer
直感的に色を選んだだけで、その色に合った組合せが簡単わかるサイトです!
これで色選びの悩みはスッキリ!

1

COLOURlovers
世界中の人々が自分で作ったサイトの配色やバターンなどを載せたコミュニティーサイトです。
世界中にはセンスがある人ばかり・・・・もっと頑張らないと!

2

Stylify Me
この配色すごいなー!っと思ったサイトがもしあればこのサイトを!
そのサイトのURLを入力しただけで、そのページに使用されている色を分かることができます。

3
いかがだったでしょうか?
少しは配色について自信が付いたりしませんか?
配色で困ったときは、こういう配色サイトを是非参考にしてください!

以上、新人デザインKでした!

株式会社マーカーネットにホームページ制作・WEB制作の依頼をお願いしたい方は是非こちらからどうぞ!

-WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ホームページ制作にかかわる肩書別完成するまでのプロセスまとめ

ホームページ制作にかかわる肩書別完成するまでのプロセスまとめ

WEBデザイナー、WEBディレクター、WEBプログラマー、WEBプロデューサー、プランナー、ライター、営業さん、ときおりカメラマンANDクライアント。とまぁたったひとつのホームページが出来上がるまでに …

面白い動きや便利な機能をJSで実装! その1:簡単にグラフを作成する方法!

折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなどを 作成することができる「Chart.js」をご紹介致します。 今回は一番汎用性の高いと思われる折れ線グラフを作成してみたいと思います。 表示の瞬 …

Photoshopで使える便利機能「ウィンドウアレンジ」

Photoshopで細かい編集や補正をして全体のバランスを見るとき、 ウィンドウを拡大しては縮小して全体を見る、また拡大をして縮小… 少し面倒だな、と感じたことはありませんか? そのような手間を省きた …

ホームページに掲載するメールアドレスはエンティティ化で迷惑メール排除

なんかホームページ公開したら急に迷惑メール増えたなぁ。 という方、ホームページにそのままメールアドレスを掲載していませんか? ホームページは全世界に公開されているもので、当然テキスト情報も全て公開され …

中国語サイトのスマートフォンサイト制作 は必要か?必須か?

中国語サイトのスマートフォンサイト制作 は必要か?必須か?

ChiKuu(チークー)という、海外で活躍するスポーツ選手や実業家、アーティストのつぶやきや最新情報などを翻訳してくれるウェブサイトに、新しい表示言語として簡体字中国語が加わりました。 ChiKuu. …