使って良かったサービス

ブランドカラーやロゴのカラーコードを簡単に調べるにはiromiruがおすすめ!

無料カラーコード抽出 iromiru

ちびめがねアンテナではバナーやアイキャッチ画像を作る時、記事の中で紹介している企業やサービスの「ブランドカラー」になるべく近い色を使うようにしています。

例えば、Amazonに関する記事の場合には、このようにオレンジを基調にしたアイキャッチに。

【2020年最新】Amazonタイムセール祭りで買うべきおすすめ商品はこれ!2020年9月19日 9:00~9月21日 23:59にAmazonタイムセール祭りが開催されます!KindleやFireタブレットなどのAmazonデバイスを購入するチャンスです!...

 

企業は、より多くの人に自社を知ってもらうために、拘りをもってロゴデザインやカラーリングを決めていることが多いです。

そのため、僕たちはブランドカラーを見るだけでパッとサービスが思い浮かびます。

なお、最新の企業ロゴの動向と統計はこちらの記事が参考になりなるので是非御覧ください。

>>30+ Logo Stats and Facts – New Fortune 500 List Research [2020](英文)

 

 

僕が企業のブランドカラーやロゴ等で使われている色(カラーコード)を抽出する時に使っているのが「iromiru(イロミル)」というサービスです。

公式サイト>>iromiru (イロミル) – 画像からカラーコード抽出便利サービス

 

  1. 画像URLをコピーする
  2. 画像を読み込む
  3. カラーコードを抽出する

わずか3STEPで簡単に画像に使われているカラーコードを抽出することができます。

 

企業のブランドカラーやロゴで使われている色のカラーコードが知りたい時に便利なWEBサービス「iromiru(イロミル)」をご紹介いたします。

ちびめがね
ちびめがね
残念ながらスマホではうまく使えないようなので、PCからの利用をおすすめします。

iromiru(イロミル)の使い方/カラーコードを抽出する方法

iromiru(イロミル)の使い方を紹介します。

こちらの「Google」のロゴで使われている色のカラーコードを抽出してみましょう。

Googleのロゴ

STEP1 画像URLをコピーする

iromiru(イロミル)でカラーコードを抽出するためには「画像のURL」が必要です。

カラーコードを知りたい画像の上で「右クリック」して「画像アドレスをコピー」を選択します。

画像アドレスをコピー

これで「画像のURL」をコピーできました。

STEP2 画像を読み込む

iromiru(イロミル)にアクセスして先ほどコピーした画像URLを貼り付けます。

iromiruに画像URLを貼り付ける

赤で囲まれている部分です。

 

画像URLを貼り付けたら「読み込み」をクリックします。

iromiruで画像URLを読み込む

STEP3 カラーコードを抽出する

読み込みをクリックすると、画像で使用されている色が分析されます。

iromiruの画像の色分析

 

それぞれの色をクリックするとカラーコードが抽出されます。

iromiruでカラーコードの抽出

 

抽出されたカラーコードはコピーして使いましょう。

iromiruでカラーコードをコピーする
ちびめがね
ちびめがね
僕はアイキャッチ画像を作る時にCanvaを使っているので「背景色」にカラーコードを貼り付けて使います。

 

たった3STEPで簡単にGoogleのロゴで使用されているカラーコードを抽出することができました。

 

公式サイト>>iromiru (イロミル) – 画像からカラーコード抽出便利サービス

iromiru(イロミル)のカラーコード抽出精度は高いのか

実際に抽出したGoogleのロゴで使われているカラーコードで検証してみます。

iromiru(イロミル)で抽出したカラーコードは次のとおりです。

  • 青:4285f4
  • 赤:ea4335
  • 黄:fbbc05
  • 緑:fbbc05
iromiruで抽出したgoogleロゴのカラーコード

 

Googleのロゴで実際に使われているカラーコードはこちらのページで公表されています。

Evolving the Google Identity

  • 青:4285f4
  • 赤:db4437
  • 黄:f4b400
  • 緑:0f9d58
googleロゴの公表カラーコード

 

青のカラーコードは一致していましたが、赤・黄色・緑ははずれていました。

完璧に同じ色を使いたい!って思うのであればiromiru(イロミル)は使えませんが、同じような雰囲気であれば十分作り上げることができるのではないでしょうか?

 

公式サイト>>iromiru (イロミル) – 画像からカラーコード抽出便利サービス

まとめ:企業のブランドカラーコードを抽出するならiromiru(イロミル)が便利

企業のブランドカラーやロゴの色が知りたい時に便利なWEBサービス「iromiru(イロミル)」をご紹介いたしました。

 

画像URLをコピーしてカラーコードを抽出する方法を解説しましたが、保存されている画像をドラック&ドロップしても使えます。

iromiruをドラッグ&ドロップで使う

画像URLがコピーできない時には一旦PCに画像を保存すれば良いですね。

 

自分のサイトに合わせてこんな使い方もできますよ。

楽天のバナーのカラーコードを抽出する
Amazonのロゴからカラーコードを抽出する
Amazonチャージのカラーコードを抽出する

 

バナーやアイキャッチ画像に拘りたい人はカラーコード抽出サービスiromiru(イロミル)を是非使ってみてくださいね!

公式サイト>>iromiru (イロミル) – 画像からカラーコード抽出便利サービス

 

ちびめがね
ちびめがね
最後まで読んでいただいてありがとうございました!

この記事が気に入ったら
いいね ! しよう

3%還元のクレカもう作りましたか?

Visa
\ LINE Pay クレジットカード /

※当ページからのお申し込みは、LINE Pay株式会社が主催する各種キャンペーンの条件に該当しない場合がございます。

 

2021年4月30日までの利用分は3%還元

早く作ったほうがお得な期間が長くなりますよ!

実際に使ってみると、LINEポイントがサクサク溜まっちゃいました。

2020年9月LINEポイントクラブのランク

 

月額料金の支払いも、いつものお買い物も、3%還元!

  • 初年度年会費無料(2年目以降は1回以上の利用で無料)
  • LINE Payで「チャージ&ペイ」ができる
  • 利用内容はLINEで通知

 

便利でオトクなクレジットカード、是非ご活用ください!

公式サイト>>Visa LINE Payクレジットカード

※当ページからのお申し込みは、LINE Pay株式会社が主催する各種キャンペーンの条件に該当しない場合がございます。

COMMENT

メールアドレスが公開されることはありません。

CAPTCHA