【初心者OK】このカラーコード(色)は?気になる色を3秒で調べる方法

カラフルブログ運営

 

最近自分のブログをカスタマイズしていたのですが、ずっと解決しない悩みがありました。

 

ブログの色の設定がうまくできない( ^ω^)・・・

 

  • 水色を使用したいのに同じ色が見つからない
  • このサイトのこの色を利用したいのに、カラーコードがわからない

 

こんな感じで途方に暮れていたところ、カラーコードを調べるとっても簡単な方法を見つけました

 

簡単すぎてひっくりかえりそうになったので、ぜひお試しあれ!

 

気になるカラーコード(色)を調べる方法

 

ずばり、GoogleChromeの拡張機能「ColorPick Eyedropper」を利用するだけなんです。

 

そんなこと言われてもよくわからない…

 

 

って方も多いと思うので、操作方法をご説明します。

 

GoogleChromeを利用している前提で話を進めるので、使ってない方はインストールしてください。

 

カラーコード(色)を調べるColorPick Eyedropperの使い方

1.GoogleChromeでColorPick Eyedropperにアクセス

GoogleChromeより、ColorPick Eyedropperへアクセスし、Chromeへ追加をクリック

ColorPick Eyedropper画面

 

2.GoogleChromeの右上のカラフルなマークを確認しクリック

このカラフルなマークが確認出来たら、カラフルマークをクリックしましょう。

 

マウスを動かしてみると、十字架のようなマークが出てくるかと思いますので、気になる色部分に十字架を持っていき、1クリック。

 

今回はこの水色部にカーソルをあててみました。

カーソル後

すると、解析結果としてカラーコードが出てきますので、コピペしてください。

 

操作は以上です。とても簡単ですよね。

 

ちなみに、写真や画像の色もこの方法で調べることができます!

 

気になるカラーコード(色)を調べる方法まとめ

  • ColorPick Eyedropperを追加
  • 右上のカラフルマークをクリック
  • 気になる色の上で1クリック

 

たったこれだけで、カラーコードがわかりますので、自分のサイトのカスタマイズがしやすくなります!

カラーコードがわからず困っている方はぜひ試してみてください。

 

ブログ運営
シェアする
ひらりをフォローする
旅好き貧乏OL人生模索中

コメント

タイトルとURLをコピーしました