Color Palette Generator

イメージ画像のURLを指定すると、その画像にあわせたカラーパレットを自動作成してくれるツールです。

文字・背景・ラインなどの色を、サイトのイメージ画像やロゴ画像にマッチさせることはとても重要です。イメージ画像のURLを指定するだけで#（シャープ）から始まる6桁の色コードのカラーパレットが作成されます。

Accessibility Color Wheel

ウェブサイトデザインのテキストカラーと背景色のマッチングをチェックするツール。

foregroundボタンをクリックしカラーホイール上にマウスを持っていくと、テキストの色が変化していきます。納得したらクリックで決定します。同じようにBackgroundボタンをクリックし背景色を選択します。Invertボタンでテキストと背景の色を交換することも可能です。画面右側にサンプルが表示されるので、バランスをチェックしましょう。

カラーユニバーサルデザインとして色覚特性がある人々のために、前景色と背景色の色差・明度差を一定以上にするようなW3Cのガイドラインどおりのウェブデザインも考えることができるように、第1色覚異常（赤錐体系の異常）・第2色覚異常（緑錐体系の異常）・第3色覚異常（青錐体系の異常）の人の見え方のシミュレーションされたサンプルも同時に表示されます。

Color Scheme Generator 2

ウェブページ作成時の配色バランスをチェックするツール。

円状に配置されたカラーチャートをクリックすることで、ウェブページのサンプルのカラーが変更されます。Pastel・Dark pastel・Light pastel・Contrast Paleなどのバリエーションが選べるほか、ウェブセーフカラーだけで色彩を構成することも可能です。

どのように選択してもバランスのとれた配色になるので、ウェブデザインだけでなくロゴ作成・DTPなどで役に立ちそうなツールです。

iBox

サムネイル画像などをオーバーレイ効果で表示させることができるAjax。

画像以外にも文字やフォームなどをHTMLを記述することにより表示させることが可能です。美しいインターフェースで、とてもウェブ2.0ライクなスクリプトです。

iBegin BlogのiBoxからダウンロードすることができます。

ColorMixers

好きな色を1色RGBスライダーで選択するとベストマッチな9色を自動的に算出してくれるツール。

#（シャープ）から始まる6桁の色コードとRGBそれぞれの数値の2通りで表示してくれます。ホームページ作成時やペイントソフトでの色設定に役立ちますね。

また作成した配色を使用したプレビューも表示され、雰囲気をつかむこともできます。さらに、配色データをPhotoshop .ACTファイルやIllustrator .AIファイルの2通りの配色外部ファイルとして保存する事も可能。