Firefox：Webページで特定の色を識別する方法

あなたがデザイナーなら、あなたはおそらくあなたが使用するもののデザインに注意を払い、あなたが採用したいインスピレーションやアイデアを探します。ウェブサイトも例外ではなく、ウェブサイトのデザインの重要な部分の1つは色の使用です。あなたが取り組んでいる、または考えているプロジェクトに最適な色のウェブサイトを見つけた場合、それが何色であるかを正確に把握したいと思うでしょう。スクリーンショットを撮り、それを画像エディタで開いてからRGB値を確認することもできますが、このプロセスは時間がかかります。Firefoxには実際にはカラーピッカーツールが組み込まれているため、時間を節約し、Webで使用されている16進数のHTMLカラー形式で正確な値を取得できます。

カラーピッカーの使い方

Firefoxのカラーピッカーは開発者ツールバーにあります。アクセスするには、右上隅にあるハンバーガーメニューアイコンをクリックしてから、下から4番目にある「WebDeveloper」をクリックします。

右上隅にあるハンバーガーメニューアイコンをクリックし、[Web開発者]をクリックします。

Web開発ツールのリストで、「スポイト」をクリックすると、スポイトツールが開きます。

ヒント：スポイトツールはタブやウィンドウ間で移動できないため、使用するタブで開くようにしてください。また、ページをスクロールすることもできないので、そこにいることを確認してください。ページの適切な場所。技術的にズームインおよびズームアウトすることはできますが、これによりカラーピッカーのセンタリングが壊れ、正確に使用することがはるかに困難になります。

Web開発ツールのリストで、「スポイト」を選択します。

スポイトツールはウィンドウ上でマウスを追跡するので、中央の強調表示された正方形を選択する色の上に移動します。ズームレベルは、特定のピクセルの色を簡単に確認して選択できるように十分に正確です。

ピクセルのHTMLカラーコードはズームツールの下の小さなボックスに表示されますが、好きな色をクリックするとクリップボードにもコピーされます。クリックするとカラーピッカーが閉じ、複数の色を選択する場合は再度開く必要があることに注意してください。

色が好きな特定のピクセルの上にマウスを移動し、HTMLカラーコードを書き留めるか、クリックしてクリップボードにコピーします。