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

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

配色はURLになるのでリンクもできますよ。
http://colortest.cre8or.jp/#FFE5E5:452121:733434:E8C9C6:FFDFD8:CC7A93:CC7A93:FFFFFF:FFDFD8

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

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

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

Salmon on Ice

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

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

配色したサイトを見る

Pear Lemon Fiz

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

こうなる。

配色したサイトを見る

Vintage Ralph Lauren

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

配色したサイトを見る

結構ムズい

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

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

コメント欄や問い合わせで改善案やフィードバックお待ちしてます！