webデザインに役立つ配色組み合わせツールのまとめ

Date:2013/12/15 | Category:WordPressデザインテーマ テンプレート情報

配色、苦手じゃありませんか?

配色ツールイメージ

webの配色設計(カラースキーム)は、苦手な方にとってはけっこう難しいもの。

でも、デザインにおける色の効果って計り知れません。

今日は、配色の手助けをしてくれる、無料オンラインツールを5つ厳選して紹介します。

※情報は2013年12月現在のものですので、サイトによっては予告無くサービスを終了しているケースがございます。

Sphere

http://mudcu.be/sphere/

Sphere

調和のとれた配色の組み合わせを6つの異なるパターンとコードとして提示してくれる無料オンラインツール。
作成したカラーを、IllustratorやPhotoshop形式でファイル出力することもできます。

Browse Palettes

http://www.colourlovers.com/palettes

BrowsePalettes

世界中の人が制作したカラーパレットを参照できる有名サイト。
16進法やRGBが確認でき、またカラーのみでなくユーザーが作成したパターンも参照可能。

Flat UI

http://flatuicolors.com/

FlatUI

フラットデザインに合う色を、カラー名とともにまとめているサイト。
16進法などのコードを、ワンクリックでコピーすることができます。

ウェブ配色ツール Ver2.0

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

ウェブ配色ツールVer2.0

カラーピッカーを使って任意の1色を指定することで、それに合わせた配色を作成できるオンラインツール。
Webサイトのプレビューを見ながら配色調整が可能。

0 to 255

http://www.0to255.com/

0to255

選択した色を基準に、少しずつ明度をずらしたコントラストを作成するオンラインツール。
地味に役立ちます。

人気の無料メール講座を、ご利用ください。

  • 【プロ直伝】制作前に必ず行う2つのこととは?
  • 【重要】収益サイト制作者が取るべき手段は何か?
  • 【発表】魅せるデザインのラインナップはこちらです。
  • 【無料】必ず入れておくべき、フリープラグイン8選!
  • 【一瞬】瞬時にサイトの印象を引き立てる方法。
  • 【3.5倍】こうして成約率が急上昇しました。
  • 【注意】なぜ記事を増やしてもアクセスが伸びないのか?

※下記のフォームからメール講座に ご登録いただけます。

記事をシェアする

  • Tweetする
  • FaceBookでシェアする
  • はてブにBookmarkする
  • Google+で共有する

Tags


Trackbacks & Comments

Trackback URL for this post:

Trackback(s)

Comment(s)


Leave a Reply