ショップページの配色をチェック出来るWebサービス「Colours」

公開日:  最終更新日:2021/12/12

これは面白い!ショップの配色をチェック出来るWebサービス「Colours」
本日は、面白そうなWebサービスを見つけたので紹介したいと思います。配色をチェックしたいURLを指定するだけでそのサイトの配色一覧が表示されます。配色が気になるサイトがある場合は、簡単に配色情報をチェックすることができます。

(二十歳街道まっしぐらさんの所で紹介されていましたので参考にさせて頂きました。)

配色をチェックしたいサイトのURLを指定するだけで配色情報を一覧化してくれるサービス

サイトの配色を決める際に、他のサイトを参考にすることは多いのではないでしょうか。見た目だけで配色を参考にすることも出来ますが、配色情報を一覧にしてみることで、表面的には見えていなかったアクセント色、バランスを取っている色などいろいろと見えてくることがあるかもしれません。

Colours
←のサイトにアクセスして
配色をチェックしたいページのURLを指定するだけでそのサイトの配色を確認することが出来るWebサービスになります。

↓↓↓の部分にチェックしたいページのURLを指定します。
42-4.png
楽天の有名ショップ ケンコーコムさん
ショップオブザイヤー2012で総合2位を受賞されてるショップ

で試してみたところ
しばらく解析を待っていると、結果が表示されました。


どの色が何%使われているか把握できます。
パッと見たイメージ通り緑系が割合が多いですね。
意外な色が使われてたり、全体バランスなど把握できますね。
42-1.png
42-2.png
42-3.png


気になるショップ、サイトなどを解析してみると各ショップにはテーマカラーがあるのがよくわかりますね。
配色決めの参考に使えるかなと思います。ぜひ、試してみてください。

配色に関するサイトについて別でまとめています。




Your Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

スポンサードリンク
PAGE TOP ↑