「iromiru」を使って画像に使われている色の割合とカラーコードを知る方法

colors

記事を書く過程で、確認がてらカラーコードを調べる方法について検索していたのですが、その結果「iromiru」という面白いWebサービスを見つけたのでご紹介します。

iromiruについて

で、そのiromiruなんですが、簡単に言うと「画像にある色のカラーコードを教えてくれるWebサービス」です。

ちょっとわかりづらいですね･･･。

実際に見たほうがわかりやすいと思うので、使い方を見て行きましょう。

まぁ使い方と言っても超簡単なんですが、一応説明しておきます。

まず、以下のリンクからiromiruにアクセスします。

すると、このような画面が表示されます。

iromiruのトップページ

あとは真ん中にカラーコードを調べたい画像をドラッグ＆ドロップするだけです。

iromiruでカラーコードを調べる

これで、画像に使われている色の一覧が表示されました。

iromiruでカラーコードの一覧を表示した様子

あとは、画像もしくは下に表示されている色にマウスカーソルをあわせてクリックすると、右側にカラーコードが表示されます。

iromiruでカラーコードを抽出する

また、色をクリックするたびに右側に表示されるカラーコードは追加されていきます。

iromiruでカラーコードを複数抽出した様子

なんといっても、iromiruのいいところは「色が使われている割合もなんとなく分かる」ところです。

普通にカラーコードを知るだけならカラーピッカーを使えばいいですけどね。

それと、複数の色を記録しておけるのもいいですね。知りたい色をクリックするたびに右側にカラーコードが表示されるので、一回ずつ調べるたびにどこかにカラーコードを記録しておく手間が省けます。これは便利。

いかがでしたか？

このiromiruですが、ただ単純にカラーコードを知る以外にも、アイデア次第でさまざまな使い方が出来そうです。自分は画像に使われている色の割合を知ることができる、といったものしか思いつきませんでしたが･･･。

なにはともあれ、非常に便利なサービスだと思うので、みなさんもぜひ使ってみてください。

以上、iromiruの紹介でした。