色の調査と選択

CSS ペインの ルールビュー ではルールに色の値が含まれる場合に、値の隣に色のサンプルを表示します:

色サンプルをクリックすると、その色を変更できるカラーピッカーがポップアップします:

カラーピッカーに、スポイトのアイコンがあります。このアイコンをクリックすると、要素の色をページ内から新たに選択するスポイトツールを使用できます:

Firefox 40 より、Shift キーを押しながら色サンプルをクリックすると、色単位を切り替えます:

Firefox 53 以降で、CSS color level 4 の色の値をサポートします。