マーカーネット株式会社

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

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

関連記事

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

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

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

知ってそうで知らないCSS3の便利な使い方【その4:複数背景指定】

今回はCSS3から可能になったbackgroundプロパティでの複数指定をご紹介します。 以前は1要素に指定出来る背景画像は1つでしたので複数の背景画像を使用したい場合には要素を入れ子等にして対応して …

javascriptの便利なライブラリについて

javascriptの便利なライブラリについて

オブジェクト(配列)や文字列の処理は自作の作成した場合、時間を要してしまします。 そこで、これらの処理をおこなう際に便利なJavascriptライブラリを紹介します。 1. underscore.js …

ウェブ上学習プログラム「Dash」!ブラウザでWEB制作(HTML, CSS, JavaScript)の基礎を学べ

ウェブ上学習プログラム「Dash」!ブラウザでWEB制作(HTML, CSS, JavaScript)の基礎を学べ

この「Dash」と呼ばれるプログラムはGeneral Assemblyが起業家などを育てる教育分野に転身したのをきっかけにもともと自社内の教育ツールとして開発されたものだったらしいのですが、評判が良か …

全部無料!?写真をアートに加工できる【オススメ無料アプリ3選!】

こんにちは!デザイナーAです。 WEB制作時にサイトに掲載する画像を写真ではなく、お洒落なイラストにしたい…! でも制作費用は極力抑えたい~!!そんな方にオススメな写真をイラスト風に加工できるアプリを …