ノウハウをいつでも。ウェブマーケティングのポータルサイト

サイト紹介

配色選びに役立つ無料オンラインツール10個

このエントリーをはてなブックマークに追加
      
follow us in feedly
友だち追加数
Webサイト制作でよく悩むことの1つとして、「どのような色を使えばよいか?」があると思います。色使い次第でサイトの印象はとても大きく変わってきます。
そこで今回は、配色パターンを決める際に参考になる無料オンラインツールを10個ご紹介します。


Color Scheme Designer

color1.png http://colorschemedesigner.com/

配色をする際にはある程度の基準から決めていくのですが、この基準づけをするためのものを色相環といいます。 「Color Scheme Designer」では色相環から2色もしくは3色を選び配色をしていく作業を視覚的にすることができ、さらにカラーコードも出力してくれます。


kuler

color2.png https://kuler.adobe.com/

KulerはAdobe製のオンラインカラースキーマです。カラーテーマをつくったり、他の人が作ったカラーテーマを見ることができます。デスクトップやFlickr画像などから色を抽出できたり、スウォッチにインポートできるファイルで保存できたりします。


Color Theory @ ColorJack

color3.png http://colrd.com/

「Color Theory」は様々な配色アイデアが紹介されているサイトです。カラー、パターン、グラデーションなど、いろいろな項目から数多くの配色パターンを見ることができます。


HUE/360

color4.png http://hue360.herokuapp.com/

「HUE/360」は「HSV」を視覚的に細かく動かして最適な色合いを選べるサービスです。全体の色彩バランスの変更が簡単にできます。シンプルで使いやすいのでよく使わせてもらってます。


ColorJack: Sphere

color5.png http://mudcu.be/sphere/

こちらも「HUE/360」と同様に色を1つ選択するとそれに合わせて最適な色合いが作れるサービスです。AIやPhotoshop(.AOC)形式での保存可能です。


ウェブ配色ツール Ver2.0

color6.png http://www.color-fortuna.com/color_scheme_genelator2/

こちらもテーマカラーを一色選べば、それにあった色合いを出してくれる配色ツールです。Webサイトのプレビューを見ながら調整できるのがありがたいです。


Japanese Traditional Colors - 2xUP

color7.png http://2xup.org/repos/

日本独自の伝統色をRGB数値 と合わせてリストで表示しているサイトです。日本ならではのサイト・日本の伝統色を生かしたサイトを作りたい方におすすめです。


NIPPON COLORS

color8.png http://nipponcolors.com/

こちらも日本を代表する配色サイトです。色の名称からその色の「RGB・CMYK」を見ることができます。


色見本と配色サイト

color9.png http://www.color-sample.com/

とてもたくさんのカテゴリーから色の見本を選べる配色ツールです。Web上のフルカラーで表現できる1600万色の色見本を見ることができ、参考サイトがすぐに見つけることができます。


Color Scheme Generator 2

color10.png http://colorschemedesigner.com/previous/colorscheme2/index-en.html

こちらもテーマカラーを一色から最適なカラーリングが選べます。


さいごに

いかがでしょうか?様々な配色ツールがありますが、ぜひあなたにあったツールを利用して色選びの参考にしてくださいね!

© MAKEPO

 
このエントリーをはてなブックマークに追加
   
follow us in feedly
友だち追加数

著者情報

ノビタ

のび太

Web制作会社「NOBITA」の社長をやっております、のび太と申します。大学卒業後、お金を貯めカナダに留学。バンクーバーのビジネス学校で好きな人に出会ってしまったため、日本に帰らず現地企業に就職。未経験ながらWeb制作、メディア運営、ライター業などの仕事に奮闘する。帰国後、フリーランスのWebデザイナーとして独立し、2014年5月、自身の会社を設立。「伸びていくWebサイトをお届けする!」がモットー。 ブログ:がんばれ!のび太!

他の参加者を見る

のび太

関連記事

マーケティングノウハウ足りてますか?

MAKEPOのメルマガ…購読してみませんか?
直近のピックアップ記事のほか、セミナー・ツール活用情報など不定期でお伝えしています。「サイトにアクセスするのは面倒だ!」「電車の中でざっくり読みたい」という方は是非ご登録ください。 リアルタイムで情報取得をしたい方は、RSSまたは公式Twitterをフォローしてご覧ください!

通勤中の情報収集に!

メルマガ登録

いますぐ新着情報を知るなら

LINE@で友だちに追加!