2021.07.14 カテゴリ：Google

Google ChromeでWebカラーコードを確認

Webページに使われている色を再現したいとき、その色のカラーコードを調べることがGoogle Chromeで簡単できます。

Google Chromeの拡張機能「ColorPick Eyedropper」を追加

  1. Google Chromeを起動します。
  2. ColorPick Eyedropperの拡張機能を開きます。
  3. [Chromeに追加]をクリックします。
    Webカラーコードを確認
  4. [ColorPick Eyedropperを追加しますか]画面が表示されます。
  5. [拡張機能を追加]をクリックします。
    Webカラーコードを確認
  6. [ColorPick Eyedropper]が追加されました。
    Webカラーコードを確認

「ColorPick Eyedropper」の使い方

  1. カラーコードを調べたいページを開きます。
  2. [ColorPick Eyedropper]アイコンをクリックします。
  3. カラーピックモードになり、カーソルが十字に変わります。
  4. カラーコードを調べたい場所に十字カーソルを合わせます。
  5. カラーコードが表示されます。
    Webカラーコードを確認
  6. [×]をクリックするとカラーピックモードが終了します。