1. ホーム
  2. google-chrome

[解決済み] google chromeの開発ツールにスポイトツールはありますか?

2022-03-04 22:11:14

質問

Google Chromeの開発ツールを使って、ウェブサイトから色を取得したいのですが、どうすればいいですか?

cssで設定されていればカラーコードを取得できるのはわかるのですが、例えば画像から色を取得したいのです。

google chromeのdev toolで可能でしょうか?

解決方法を教えてください。

  1. ノードの検査 をDOMツリーで表示します。

  2. クリックすると color プロパティをクリックすると、カラーピッカーが表示されます。 を追加します。 color プロパティをノード がない場合は

  3. ビューポートにマウスを乗せます。

  4. サンプルにしたい色にカーソルを合わせた時にクリックします。