指定したサイトの色を取得できるサイト「Web Colour Data」!

2016/07/21

こんにちは。
今回は指定したサイトの色を取得できるサイト「Web Colour Data」!です。

指定したWebサイトのカラーを抽出してくれるWebサービスを紹介します。
また、Popular Sitesでは有名サイトの解析結果も表示されているので、参考になりますね。

指定したサイトの色を取得できるサイト「Web Colour Data」!

Web Colour Data

web-colour-data

http://webcolourdata.com/

 

「Web Colour Data」の使い方

web-colour-data

色を取得したいサイトのURLを入力し、「GET COLOURS」のボタンをクリックします。

 

web-colour-data2

しばらくすると、解析が完了し、結果が表示されますよ。
Breakdown、Hue Distribution、Colour Wheelの3種類の解析をしてくれます。
まずは、Breakdownで、使われているカラーの内訳を表示してくれますよ。

 

web-colour-data3

Hue Distributionはこんな感じで、色相分布を表示してくます。

 

web-colour-data4

最後はColour Wheelで、色相環を表示してくますよ。

 

なるほどデザイン
なるほどデザイン

 

いかがでしたか。気に入ったサイトのカラーコードや配色を調べてみてはどうでしょうか。
以上で指定したサイトの色を取得できるサイト「Web Colour Data」!でした。

Related Post

topへ戻る