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

WEB DESIGN COLOR TESTER

WEB DESIGN COLOR TESTER

はてブ数

http://colortest.cre8or.jp/

WEB DESIGN COLOR TESTER

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

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

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

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

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

Salmon on Ice

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

これをサイトに当てはめてみたらこうなった。
Salmon on Ice
配色したサイトを見る

Pear Lemon Fiz

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

こうなる。
Pear Lemon Fiz
配色したサイトを見る

Vintage Ralph Lauren

ヴィンテージラルフローレン。ポロでお馴染みですがなんかイメージはパッと浮かばない。
Vintage Ralph Lauren
配色したサイトを見る

結構ムズい

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

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

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

何か一言あれば!!

質問とかツッコミとかお気軽にコメントしてください。がんばって返します。

コメントを残す

This site uses Akismet to reduce spam. Learn how your comment data is processed.