画面から色を選ぶ

PowerToysの設定でColor Pickerを有効にします。既定のショートカットはWin+Shift+Cで、変更もできます。先に色を選ぶモードでは画面上の色を選択すると、設定した既定形式(初期値はHEX)でクリップボードにコピーされます。Microsoftの説明では、先にエディターを開くモードも選べます。

コピー内容を確かめる

例えばデザイン案の背景色を選び、エディターでHEX値を確認して、試作用CSSの色欄に貼り付けます。既定動作では左クリックはコピーしてエディターを開き、ホイールクリックはコピーして閉じ、右クリックはコピーせず閉じます。これは公式説明に沿った手順で、手元のPCで試した結果ではありません。

色形式の制限

MicrosoftはWide Color GamutとHDR形式を現時点でサポートしていないと説明しています。管理者権限で起動したアプリ上でショートカットが動かない場合、PowerToysも同じ権限で起動する必要があります。校正済み基準値として扱わず、実際のプロジェクトの色空間と出力条件で確認してください。

資料: Microsoft Learn: Color Picker · PowerToysのインストール