Google chrome開発者ツール、アクセスしたWebサイトから色を選択する方法

Question

私がウェブサイトを訪問するとき、私はそれらで見つけた興味深い色を保存したいと思います。

chrome developer toolを使用して、現在表示しているページからカラーコードを選択するにはどうすればよいですか？

注：chrome拡張プラグインのようなサードパーティのプラグインを使用したくありません。

dsharew · Accepted Answer

1。 HTML要素から色を選択：
色がbutton、text、spanなどの単純なhtml要素上にある場合、コメントに記載されているように、要素を検査してその色をコピーできます。

enter image description here

2。 画像から色を選択：
色が画像または背景画像、またはネストされたhtml要素のbackground-colorにある場合は、ff戦略を使用できます。

2.1。まず、カラーピッカーボックスを表示できるページの任意の場所の単純な要素を調べます。

enter image description here

2.2。次に、上記のカラーピッカーボックスをクリックした後、色を選択する画像または背景画像に移動します（これを行うと、カーソルがポインタからクロムカラーピッカーアイコンに変化することに気づくでしょう。

color-pick-from-image

実際のところ、ケース1でもソリューション2を使用できます。

jaredwilli · Answer

Merhawi Fissehaye · Answer

Ibo · Answer

単にchrome拡張機能を使用します。そのうちの2つを試してみましたが、非常に使いやすく、さまざまな形式の色をすぐに入手できます。

ページのhtmlファイルまたはcssファイルの検査には時間がかかりすぎます。