Webページで使用している色を調べる方法

Webページで使用している色を調べるときに役立つツールが、Google Chromeの拡張機能「ColorPick Eyedropper」です。色を調べたいページを開き、マウスカーソルを合わせだけで、カラーコードをすぐに調べることができます。

ColorPick Eyedropperの追加方法

  1. Google Chromeを起動します。
  2. ColorPick Eyedropperの拡張機能を開きます。
  3. [Chromeに追加]をクリックします。
  4. [ColorPick Eyedropperを追加しますか]画面が表示されます。
  5. [拡張機能を追加]をクリックします。
  6. 画面右上に[ColorPick Eyedropper]のアイコンが表示されます、

カラーコードを調べる方法

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

Webページで使用している色を調べる方法

パソコンインストラクターとは

パソコンインストラクターには3つの活動方法があります。自分に合った仕事のスタイルを見つけていきましょう。