CSS ペインの ルールビュー ではルールに色の値が含まれる場合に、値の隣に色のサンプルを表示します:
色サンプルをクリックすると、その色を変更できるカラーピッカーがポップアップします:
カラーピッカーに、スポイトのアイコンがあります。このアイコンをクリックすると、要素の色をページ内から新たに選択するスポイトツールを使用できます:
Firefox 40 より、Shift キーを押しながら色サンプルをクリックすると、色単位を切り替えます:
Firefox 53 以降で、CSS color level 4 の色の値をサポートします。