Webデザイン Web制作 制作お役立ち

ウェブサイトの配色を解析してくれる「Web Colour Data」

ウェブサイトを作る時、配色をどうするかも悩みどころの1つですよね。

そんな時は、ウェブサイトで使われている色を解析してくれるサイト「Web Colour Data」が便利です！

制作するサイトの同業他社がどんな色使いをしているのかなど、簡単に検証することができますよ。

 

それでは早速ですが、使い方をご紹介します。

「Web Colour Data」の使い方

使い方はとっても簡単。

サイトにアクセス（http://webcolourdata.com/）したら、調べたいウェブサイトのURLを入力して、「GET COLOURS」のボタンをクリックするだけです。

 

 

すると、以下のいくつかの項目にわけて分析結果が表示されます。

 

・Breakdown　…　どの色が何%使われているか
・Hue Distribution　…　色合いの分布図
・Colour Wheel　…　類似色、補色などを位置で見せてくれる色相環
・Websites with Similiar Colours　…　調べたウェブサイトと色が似ているサイト

 

またトップページにある「Popular Sites」には、有名なサイトの色の調査結果が表示されていて、そちらも配色の参考になりますね。

 

 

まとめ

いかがでしたでしょうか？

サイトの配色に悩んだ時は、「Web Colour Data」をぜひ参考にしてみてくださいね。

 

-Webデザイン, Web制作, 制作お役立ち

執筆者：buchiko