マーカーネット株式会社

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

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

関連記事

普通の写真も一風変わった感じに!【Photoshopで写真をミニチュア風に加工】

普通の写真も一風変わった感じに!【Photoshopで写真をミニチュア風に加工】

デザインする時、「この素材写真イマイチだなー」と思ったことありませんか? ここで普通の写真をミニチュア風に加工するPhotoshopの小技をご紹介します。 STEP1 まず加工する写真をPhotosh …

Adobe XDの無料おすすめプラグイン8選 その①

Adobe XDの無料おすすめプラグイン8選 その①

こんにちは、デザイナーのAです。 今回はデザインの作業効率をUPするAdobe XDのおすすめプラグインを紹介します!   Adobe XDプラグインの追加方法 方法は主に2種類あります。 …

面白い動きや便利な機能をJSで実装! その6:クリックで画像を拡大表示させるアニメーション

記事内の画像をクリックしてその場から拡大表示させるアニメーションを実装したいと思います。 今回使用するjavascriptは「zoom.js」になります。 【これまでの関連記事】 面白い動きや便利な機 …

デザインの幅が広がる!クオリティの高いイラストサイトまとめ

みなさん こんばんは! デザイナーKです! 今回、私が皆さんにご紹介する内容は! 仕事で使えるイラスト素材サイトです!! 1.ほらぱれっと 私が好きなパステルトーンの可愛い素材が揃っているサイトです。 …

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

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

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