2006年04月27日 01時41分デザイン

ページ配色を決めるのに便利な無料サービスいろいろ

まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。

Color Wheel - ver 2.0.1
http://www.webwhirlers.com/colors/spinwheel.asp

「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。

また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配色でも違う雰囲気になるのだな～というのが直観的に理解できます。
他にもいろいろと同種のサービスはありますが、以下を押さえておけば基本的に大丈夫ではないかと。

HTML Color Code Combination Chooser
http://www.siteprocentral.com/html_color_code.html

中心となる色を指定すれば近似色や補色でのカラーレイアウトが簡単に構成できるというわけ。基本となる色を決めれば後はそれに合わせてガンガン作ってくれる感じ。

[ws] Color Scheme Generator 2
http://wellstyled.com/tools/colorscheme2/index-en.html

コレも似たような感じですがよりビジュアル的に色範囲が指定可能。さらに生成した色の組み合わせから「Pastel」などのボタンを押すことでパステルカラーなどに変更可能。

VisiBone Webmaster's Color Lab：
http://www.visibone.com/colorlab/big.html