使って良かったサービス

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

本記事はアフィリエイト広告を利用しています

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

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

【2024年最新】Amazon スマイルSALEで買うべきおすすめ商品はこれ!2024年4月19日 9:00~4月22日 23:59にAmazon スマイルセール ゴールデンウィーク(旧 Amazonタイムセール祭り)が開催されます!買うべきおすすめ商品を厳選して紹介。KindleやFireタブレット、Fire TVスティックなどのAmazonデバイスやApple製品・Anker製品などの人気アイテムを安く購入するチャンスです。...

 

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

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

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

>>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 (イロミル) – 画像からカラーコード抽出便利サービス

 

ちびめがね
ちびめがね
最後まで読んでいただいてありがとうございました!
2024年2月スマホ乗り換えドットコムセール

SoftBankに乗り換えを検討している人朗報です!

ソフトバンク正規代理店「スマホ乗り換え.com」でスマホセールを開催中。

ラインナップは以下のとおり。ソフトバンク「新トクするサポート」による分割払い適用後の実質価格になります。

  • Xiaomi 13T Pro:実質24円
  • motorola razr 40s:実質24円
  • Google Pixel 8:実質24円
  • Google Pixel 8 Pro:実質24円
  • LEITZ PHONE 3:実質37,956円
  • AQUOS R8 Pro:実質24円
  • Xperia 1 Ⅴ:実質24円
  • Xperia 10 Ⅴ:実質9,840円
  • AQUOS wish3:実質24円
  • Redmi 12 5G:一括1円
  • あんしんファミリースマホ:一括1円
  • Redmi Note 10T:一括1円
  • iPhone 15 Pro:実質24円
  • iPhone 15:実質12円
  • iPhone 14:実質24円
  • iPhone SE(第3世代)64GB:実質24円

公式サイト>>スマホ乗り換え.com

関連記事

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA