TOP

            デザイる2|Webサイト製作初心者に向けて情報発信していきます。

お洒落なサイトの配色を盗め! Web Colour Data

お洒落なサイトの配色を盗め! Web Colour Data

Tag: 配色
お洒落なサイトの配色を盗め! Web Colour Data

Web Colour Data

「このサイトの色使い、お洒落でカッコイイなぁ」と思いながら画像編集ツールのスポイトで色を抽出していたあの頃…(笑)そんな手間をかけずにURLをコピペするだけで配色とカラーコードを教えてくれる便利なサイトの紹介です。


Web Colour Dataでこの「デザイる2」の色を抽出してみる

URLを貼り付けて「GET COLOURS」をクリックします

URLを貼り付けて「GET COLOURS」をクリック、以下3種類の解析結果を示してくれます。

  1. Breakdown(カラーコードの内訳)
  2. Hue Distribution(色相分布)
  3. Colour Wheel(カラーホイール)



Breakdown
サイトの配色と広告の色も抽出していますね!これではダメなのでは!?

サイトの配色と広告の色も抽出していますね!これではダメなのでは!?


Hue Distribution
色相分布ではキレイにサイトの色と広告の色を分けています

色相分布ではキレイにサイトの色と広告の色を分けています、素晴らしい!



Colour Wheel
ここでも色分けが出来ていますね

ここでも色分けが出来ていますね!

あとがき

使用している色が多いと、詳細に精査する必要が出てくるかもしれませんね。

関連記事


最新記事

a:3845 t:1 y:4







■この記事に足りないと思ったことがあったらぜひ教えてください。

powered by HAIK 7.3.0
based on PukiWiki 1.4.7 License is GPL. HAIK

最新の更新 RSS  Valid XHTML 1.0 Transitional