カラーコードを入力するだけでウェブデザインの配色テスト。パズル感覚で配色を試せるサービスつくりました。

配色周りの記事を書いている途中で思いついたのでサービスつくりました。

WEB DESIGN COLOR TESTER

一見普通のサイトですが、最上部にマウスをもっていくとカラー設定が現れて、そこで大まかに色を変更できます。

パズル感覚で配色を楽しもう

ただ記事に載せるための配色をテストするツールとして作ったんですが、Kulerのカラーテーマで配色するのがパズルみたいで楽しい。

たとえば、Kulerの人気のカラーテーマから適当に配色してみます。
カラーテーマを選んで、中央右上の設定アイコンから色の編集画面に移動すれば色をピックできます。

氷の上のサケ。崖の上のポニョみたいなタイトル。

これをサイトに当てはめてみたらこうなった。

配色したサイトを見る

お次はこれ。洋なし＆レモンフィズ

ヴィンテージラルフローレン。ポロでお馴染みですがなんかイメージはパッと浮かばない。

配色したサイトを見る

ベースカラーが決められているので、文字の読みやすさを考えると結構ムズい。つくったサービスの仕様もあってカラーと文字の色の組み合わせがなかなか合わないんですよね。

ぜひ試してみてください。