デザイン

デザイン

この色って何色…?【デザイナーにおすすめ!色の名前を調べるサイト「color of it」を使ってみた】

360 views

【color of it】

http://colorof.it/?ref=webdesignernews.com#!/

 

 

 

よく見るあれの色が好きだけど、いまいち何色か、どんな色か言葉では形容できない…。

自分のデザインにも取り入れたい色だけど、なんていう色なんだろう…。

 

 

そんなあなたにぴったりなのが、このサイト「color of it」です。

英語のサイトですが使い方はいたってシンプル。

「THE COLOR OF」の下に続く検索バーに気になるワードを英語で打ち込むだけなのです。

 

 

英語でなんていうか分からない?

そんなときは、さくっと単語をググッてから入れてみてください。

 

 

そうすると、調べたものの色がカラーコードで表示されます。

 

 

実際に使ってみる

例えば、「土佐犬」って何色なのでしょうか?

 

Color of itで調べてみると…

colorofit①

 

どうやら、土佐犬の色は「#986749」のようです。

 

 

 

仕組みは?

検索バーに入力された言葉から、shutterstock内の関連する画像が抽出され、Color Thiefという機能により、その画像のメインカラーが選出されます。

検索後に表示される6枚の画像の各主要色の平均より、カラーコードが表示されるのです。

 

なので例えば、

「Gorilla」と検索すると、このように緑色が多く表示されてしまうのですが、

colorofit②

 

こうして、緑が主要色となっている画像を「remove」をクリックして消していくと、正しい検索結果が得られます。

colorofit③

 

 

他にも、「Valentine」と検索すると、このようにピンク系統の色が抽出されたりもするので、イベントサイトやその月などのテーマカラーを決めるのにも活用できそうです。

colorofit④

 

 

 

「color of it」を利用して、あなたもぜひ様々な物の色の名前を調べてみてください。

 

カラーコードで出てくるのでデザインにも取り入れやすいです。

サイトのデザインも美しいので、インスピレーションも得られるかもしれませんよ。

 

関連記事

おすすめ記事