画面の色情報（HEX,RGB,HSL）の取得

最終更新日 2025年5月9日

画面の色情報を知りたいことなどがある。

Webページなどを制作していると画面の色情報を知りたいことなどがある。

Chromeの拡張機能「ColorPick Eyedoropper」でブラウザ上の色情報を便利に取得していたが先日、サポート終了により機能がオフにされた。

な、なんだ… 終了か…唐突の感

これを機に「PowerToys」をインストールしてブラウザ上だけではなく、PCディスプレイ上の色情報を取得してみることにする。

Microsoftが開発するユーティリティソフトウェアでWindowsの使い勝手を向上させるさまざまなモジュール（機能）を追加することが出来ます。今回はこのPowerToysのモジュールのひとつ「Color Picker」を取り上げています。

PowerToysのダッシュボード。「Color Picker」を有効にしておく（デフォルトで有効になっています）

PowerToysが起動していれば（デフォルトではWindowsログインと同時に自動起動している）ショートカットで「Windowsキー」+「Shift」+「C」で「Color Picker」が使用できるようになる。

ディスプレイ上のマウスポインタの置かれている位置のHEX値が表示されるようになります。ここでは当ブログを開いて適当な位置の色を取得しています。（上画像の赤枠部分）

そのままクリックするとRGB値やHSL値も表示されます。