こんにちは！なかびーです。
資料の青に見出しの色をそろえたいのに、似た色を選ぶたびに少しずつ違って見える。そんなときに使えるのが、PowerToysのColor Pickerです。画面に表示された場所から色を選び、色を表す値を別の作業へ持っていきます。ただし、取れた値をそのまま貼れば、いつでも同じ仕上がりになるわけではありません。選んだ場所、値の形式、貼り付け先を分けて確かめる必要があります。
この記事はWindows版PowerToysのColor Pickerで、色の取得から形式の確認、履歴の扱いまでを練習する入門です。説明には、青い見出し帯のある架空の「道具交換会の案内」を使います。実在する依頼や端末の実測結果ではありません。読み手が手元の画面で、どの色をどこから取ったかを追えるように進めます。
最初のゴール：案内の青い面を一か所選び、HEXとRGBの表し方を確認して、取得元と用途を添えて記録することです。画像の編集や印刷用の色合わせまで、一度に済ませようとしなくて大丈夫です。
1．取得する色と使い道を先に決める
色を取る作業と、画像を変更する作業を分ける
Color Pickerで行う中心の作業は、画面上の位置を選んで色の値を取り出すことです。元の写真の背景を消したり、案内全体の青を一括で塗り替えたりする機能として考えると、操作の目的がずれます。まず「この位置の色を、別の資料の見出しに使う」といった一つの行動に絞ってください。
架空の案内には、青い見出し帯、淡い背景、濃い文字があるとします。練習で最初に取るのは青い帯の中央です。見出し文字の縁や写真の影ではなく、色が広く続いている場所を選びます。青に見える部分が何か所もあるときは、対象を一か所決めてから起動すると、何を取得したかを説明しやすくなります。
写真の一部分を選ぶ練習もできますが、最初から複雑な模様を対象にすると、少し位置が動くだけで違う値を取りやすくなります。平らな色の面で手順を理解してから、細かい場所へ進む方が、位置のずれと形式の違いを切り分けられます。対象の難しさを段階的に変えることが、原因を見失わないための工夫です。
貼り付け先が欲しい情報を見ておく
色を使う先が、ひと続きの色コードを入力する欄なのか、赤・緑・青を別々に入力する欄なのかを確認します。前者ならHEX、後者ならRGBの値が扱いやすい場合があります。アプリによって入力欄の形式が違うため、「色の数字なら何でも同じ欄へ貼れる」とは考えないでください。
例えば、書式を含む「rgb(…)」という文字列を受け付ける欄と、数値だけを入れる三つの欄は、入力する形が違います。貼り付け先の案内を見て、記号や区切りが必要かを確かめます。色を取り直す前に、この違いを確認すると、取得はできているのに使えないという混乱を減らせます。
貼り付け先をまだ決めていない場合は、新しいメモへ値を保存するところまででかまいません。「案内の見出し帯から取った青」「背景用ではない」と用途を添えると、後で単独の数字だけを見たときにも意味が残ります。色名の「青」だけでは、どの位置の何を使うつもりだったかまでは分かりません。
画面の色と、元データの指定を混同しない
画面から値を取ることは、元の制作データに設定された正式な色指定を確認することと同じではありません。指定書がある仕事なら、その値を優先して確認します。見た目が近いからという理由で、画面から取った色をブランドの正式な指定色だと書き換えないようにしてください。
同様に、紙へ印刷したときの色を、画面の色の取得だけで保証することもできません。印刷する目的なら、使用する色の指定や出力条件は入稿先の仕様と照らします。関連する全体の確認順は、印刷用データの作り方と入稿前の確認で整理しています。ここでは、色値を取得して使う前段階に集中します。
教材では、取得元の案内を開いたまま、新しい記録用メモも用意します。元の資料を上書きしない配置にしておけば、操作の途中で対象を見失っても比較へ戻れます。案内の作成日や版が分かるなら一緒に控えます。同じ名前の別版を後から開いて、色が違うと判断しないためです。
練習の記録欄を用意する
記録には「取得元」「位置」「取得した形式」「値」「使う先」を用意します。すべてを長文にする必要はなく、青い帯の中央、HEX、資料見出し用、と短く対応させれば十分です。実際の値をまだ取っていない欄は空欄にしておきます。説明用の数値を、その端末で取得した結果として埋めないようにしましょう。
表が画面に収まらない場合は、左右へスクロールして確認してください。
| 記録するもの | 教材で決める内容 | この段階で決めないもの |
|---|---|---|
| 取得元と位置 | 架空の案内の青い帯の中央 | 正式なブランド指定色 |
| 用途 | 別資料の見出し色の練習 | 印刷の仕上がり保証 |
| 取得した値 | 実際にコピーしてから記入 | 見た目から推測した実測値 |
2．有効化と現在の起動操作を確かめる
PowerToysの中で対象の機能を開く
PowerToysの設定を開き、Color Pickerの項目を探します。有効化の状態と、起動に使うショートカットを確認してください。すでに設定を変更している端末では、説明記事の既定値と一致しないことがあります。自分の設定画面に表示された内容を、今回の操作の出発点にします。
Microsoftの公式案内にある既定のショートカットは、WindowsキーとShiftとCの組み合わせです。キーを押しても反応がないときは、すぐに別のキーを何度も試すより、PowerToysが動いているか、対象機能が有効か、設定された組み合わせは何かを順に見ます。設定の存在と、取得操作の成功は別に確認します。
インストールが済んでいない場合は、公式のPowerToysの案内から導入条件を確認します。管理されている仕事用端末では、許可された使い方に従ってください。この記事では、追加の管理者権限を使って制限を変更することを、練習の前提にはしません。まず利用できる通常の画面で対象を開けるかを見ます。
起動後に選ぶのか、エディターを開くのかを見る
Color Pickerの起動時の動作には、先に画面から色を選ぶ動きと、エディターを開く動きがあります。後者は履歴などから色を選んだり、値を調整したりする入口です。ショートカットを押したときに、想像していた画面と違う表示が出ても、機能が壊れたとは限りません。
今回の最初の練習は、案内の青を画面から新しく取ることです。起動時の設定を確認し、画面上の色を選ぶ段階へ進みます。すでにエディターが開いた場合は、その画面で見えている色が、今の案内から新しく取った色なのか、以前の履歴なのかを区別してください。表示されているだけで新規取得済みとは考えません。
設定を試しに変えるなら、変更前の状態を控えておくと戻せます。どちらが常に優れているという選び方ではなく、その場で新しく取ることが多いのか、以前の色を参照することが多いのかで考えます。最初は設定を増やさず、一回の取得から記録までを通して動きを覚えましょう。
マウスの操作にも設定がある
公式資料の既定の動作では、左クリックは色を取得してエディターを開き、ホイールのクリックは色を取得して終了し、右クリックは色をコピーせず閉じます。ただし、これらの割り当ても変更可能です。自分の設定が異なる場合は、その割り当てに従って操作します。
「クリックしたら消えた」という結果だけでは、色を取れたかどうかは決まりません。取得して閉じる動作だったのか、取得せず閉じる動作だったのかで意味が違います。消えた後は新しいメモへ貼り付け、今回の値が入っているかを見ます。表示が閉じたことだけを、成功の判定にしないことが大切です。
右クリックで閉じた後に貼り付けると、以前コピーした別の内容が残っている可能性があります。特に、同じ作業中に色コードと説明文を交互にコピーしていると、何を貼ったのか分かりにくくなります。選ぶ動作と貼り付けを一組として扱い、値を確認してから次の色へ進んでください。
元の資料を変えない練習環境にする
取得元は読むために開き、値を残す先は新しいメモに分けます。資料の編集画面で文字を選択したまま貼ると、意図しない場所を書き換えてしまうことがあります。まずメモでコピーされた内容を確認してから、色を使う先へ移すと、色の取得と資料の修正を段階ごとに見られます。
ショートカットの反応を見るだけの段階では、まだ青の取得を終えたことにはしません。設定を確認した、選択モードへ入った、青い面を選んだ、値を貼り付けた、という順で区切ります。どの段階まで進んだかが分かれば、反応がないときに最初から全部をやり直す必要がなくなります。
3．狙った位置の色を選んで取得する
境界ではなく面の中央から始める
案内の青い見出し帯を表示し、文字や端から離れた場所を選びます。文字の周囲、細い枠線、写真の境界には、隣の要素との間で色が変わる場所があります。広く続く青を取りたい練習では、その周辺を避けて中央を選ぶと、どこを狙ったかを説明しやすくなります。
同じ青の帯でも、影や明るさの変化を入れたデザインなら、どこでも一つの値になるとは限りません。平らな塗りの色が欲しいのか、見えている特定の場所の色が欲しいのかを考えます。前者を目的にしているのに、影のある隅を選んだ場合は、値の形式を変えても目的とのずれは解消しません。
一回目は青い面の中央、二回目を試すなら中央に近い別の場所、と位置を控えます。値が違った場合に、履歴の問題なのか、選んだ場所の問題なのかを考える材料になります。多数の点を適当に選んで平均を推測するより、まず一つの位置から一つの値を確実に取り出すことを優先します。
細い場所は拡大してから判断する
Color Pickerでは、マウスホイールを上へ動かして、カーソルの近くを拡大できます。細い境界を見たいときは、この拡大を使って対象の位置を確認します。ただし、表示を拡大したからといって、元の画面にない細部や正式な色指定が復元されるわけではありません。
例えば、青い面と白い文字の間を狙ってしまったときは、拡大した領域でどちら側を選んでいるかを見ます。青を使いたいなら青が続く内側へ戻ります。境界の少し淡い色が取れたからといって、青全体がその値だったと決めず、教材で決めた場所に合っているかを確かめます。
拡大の操作と、色を確定するクリックは別です。拡大を終えた段階でまだ選んでいないなら、コピーされた値を期待しないでください。選択後にどの画面へ移るかは前章のマウス設定によります。今回どのボタンで選んだかも分かるようにすると、終了後の動きを追いやすくなります。
指を重ねると変わる色には別の注意をする
ボタンなどは、マウスポインターを重ねたときに色が変わることがあります。元の状態の色を取りたいのに、対象へポインターを置いたことで別の色になれば、取得する時点の状態が目的と変わります。画面の位置だけでなく、対象がどの状態で表示されているかも確認しましょう。
公式資料では、対象の近くへポインターを置き、ホイールで拡大すると画像が固定され、その拡大領域から通常状態の色を選ぶ方法が説明されています。教材の平らな見出し帯では不要でも、ボタンに応用する際に役立つ区別です。取得前に何も重ねていない状態を見ておくと、違いを比較できます。
通常状態とポインターを重ねた状態の両方が必要なら、二つの値を別々に記録します。「同じボタンだから同じ色」とまとめず、どちらの状態かを添えます。意図的に表示が変わる要素で値が違うことは、必ずしも取り方の失敗ではありません。どの状態を使うつもりかに戻って判断してください。
選んだ直後に、値と取得元を対応させる
一つの色を選んだら、記録用メモへ貼り付けます。新しい行に「青い帯の中央」と書いてから値を置くと、別の色との混同を減らせます。貼り付けた文字が色コードらしい形でも、それだけで正しいとは限りません。取得直前に別の文章をコピーしていないか、いまの操作の流れも振り返ります。
記録した色を別のアプリで試す場合は、元資料を直接変更せず、練習用の図形などへ適用します。どの形式の値をどの入力欄へ入れたかを残し、表示された結果と元の青を比べます。取得、入力、見比べのどの段階で違いを感じたかを分けておけば、最初からすべて取り直す必要はありません。
まだ貼り付け先の表示を見ていない段階では、「取得した値を記録した」までにとどめます。元と同じ見た目になった、資料全体へ反映できた、と先の工程まで済んだことにはしません。一つずつ実際に見たことを記録すると、別の日に続きをするときも出発点が明確になります。
4．HEXとRGBを貼り付け先の形式へ合わせる
同じ色でも、表す文字列の形は変わる
HEXは、色を十六進数の組み合わせで表す形式です。RGBでは、赤・緑・青の成分を数値で表します。同じ色を違う書き方で表すことがあるため、文字列が違うという理由だけで、別の色を選び直したとは限りません。表現の形と、選んだ位置を別々に見てください。
説明用の例として、HEXの「#336699」は、RGBの十進数では赤が51、緑が102、青が153という組み合わせに対応します。これは形式の対応を説明する架空教材上の値で、今回の画面から取得した実測値ではありません。自分の青い帯の値を、この数値へ合わせる必要はありません。
HEXの六桁では、最初の二桁、その次の二桁、最後の二桁を分けて考えます。RGBの欄へ入れる際に一続きの六桁をそのまま一つの成分に入れると、形式が合いません。数値の変換を毎回暗算するより、エディターで必要な表示を確認して転記し、貼り付け先の欄の意味と照らします。
既定のコピー形式と、エディターの表示を分ける
Color Pickerの設定には、コピーに使う既定の色形式があります。公式の既定はHEXです。一方、エディターにどの形式を表示するかも設定できます。画面に複数の表し方が並んでいても、最初の取得時にクリップボードへ入った形式が、すべての欄の形式と同じになるわけではありません。
教材では、最初にコピーされた値の形式をメモへ書きます。次にエディターで同じ色を選び、使いたい形式の値を確認して、別の行へ記録します。「最初の取得値」「同じ色のRGB表示」というように分ければ、形式を確かめた作業と、別の場所から取り直した作業を混同しにくくなります。
表示したい形式が見当たらない場合は、色形式の設定を確認します。公式には、表示する形式の有効・無効や順序を変更できることが案内されています。最初は必要な形式を確認する範囲で使い、独自書式の追加まで急がなくても大丈夫です。項目を整理する際は、元の状態を控えてから変更します。
貼り付け先が拒否するときは、記号と欄を見る
HEXを入れる欄では、先頭の記号を含めるかどうかなど、受け付ける形を貼り付け先の案内で確認します。RGBを三つの欄に分けて入力する場合は、赤、緑、青の順番を取り違えないようにします。エラーが出たからと、色の値そのものを適当な別の値へ変えないでください。
三つの成分を転記する例なら、一つ入力するたびに欄名を見ます。すべてを入力し終えた後で、順に元の表示と比べます。数値の順序を交換すると別の色になることがあります。見た目が青らしいという印象だけではなく、各成分が対応しているかを見ることが、転記の間違いの発見につながります。
色の値を入力するつもりで、図形の文字欄へ貼っていた場合は、コードが単なる文字として表示されます。これは取得した値が壊れた証拠ではありません。どの欄へ入力したのかを確認し、練習用データで戻せる状態にして、色指定の場所へ入れ直します。元の作品へ直接試さない工夫が、ここでも役立ちます。
形式の確認に必要な範囲を残す
表が画面に収まらない場合は、左右へスクロールしてください。
| 見ているもの | 確認すること | 教材で残す記録 |
|---|---|---|
| 取得直後の文字列 | 既定のコピー形式は何か | 形式名と実際の文字列 |
| エディターの別形式 | 同じ選択色を参照しているか | HEXとRGBを対応させた行 |
| 貼り付け先 | 記号・成分の順・入力欄 | 適用した対象と表示結果 |
形式を変えることと、色を調整することも区別します。HEXからRGBの表し方を確認するだけなら、元の色を変える必要はありません。調整用の値を動かした場合は、次章のように変更後の候補として扱います。「形式を見ただけのつもりで色を変えていた」という取り違えを避けましょう。
5．履歴と調整後の色を分けて残す
履歴は取得元の説明の代わりにはならない
公式資料では、エディターに取得した色の履歴を最大20色保持できることが説明されています。最近使った色を参照するには便利ですが、その見本だけで、どの資料のどの位置から取ったかまで分かるとは限りません。教材の記録用メモには、引き続き取得元と位置を添えます。
似た青を複数取得すると、小さな見本だけでは区別しにくくなります。履歴を選ぶときは、記録した値と照らし、使いたい取得元のものかを確認します。上にある、最近見た気がする、といった記憶だけで決めず、値を比べられる形にしておくと、数日後の作業でも迷いを減らせます。
履歴にあることと、別のメモや案件の記録へ保存したことは同じではありません。継続して使う色は、用途の説明と組み合わせて手元の記録へ残します。教材の見出し用の青と、別の資料の青を一つにまとめず、名前や版を対応させることが、履歴を整理する基準になります。
微調整した色は、元の取得値とは別の候補にする
Color Pickerのエディターには、選んだ色の値を調整する操作もあります。公式資料では、中央の色から調整へ進み、HSV、RGB、HEXの値を変更できることが説明されています。元の青より明るい候補を作る場合でも、「取得した色がこの値だった」と記録を書き換えないようにしてください。
教材では「案内から取得した青」と「見出し用に調整した候補」を分けます。どちらを最終的に使うかが未定なら、その状態も書きます。元の色へ戻して比べたいときに、どの値が出発点だったかが残るためです。似た見た目でも、取得値を参照する目的と、新しい配色を考える目的は異なります。
エディターに示される類似色を選ぶ操作についても同じです。別の色の候補として加えたのであれば、元の画面からその色を読み取ったわけではありません。選択して履歴へ加わった色をすべて「採取した色」と呼ばず、どの操作でできた値なのかを記録に反映します。
削除とエクスポートを使う前に対象を見る
公式には、履歴の色を右クリックして削除したり、履歴をエクスポートしたりする方法が案内されています。エクスポートでは、色ごと、形式ごとに値をまとめられます。何を残したいかを決めてから使い、出力されたファイルがあるだけで必要な説明まで揃ったとは考えないようにしましょう。
教材で使った青だけを次回も使いたいなら、まずその値と取得元の記録を確保します。その後で履歴を整理します。不要に見える色が調整前の比較対象だった場合、削除してから探すことになるかもしれません。残す理由を整理しておけば、履歴をすべて維持するか、すべて消すかの二択にする必要はありません。
書き出した記録は実際に開き、必要な値があるか、どの形式で並んでいるかを見ます。取得元の説明を別のメモに残した場合は、そのメモとの対応も確認します。色の値と説明のどちらかだけが別の版にならないように、同じ作業の記録として扱える名前と場所を選んでください。
引き継げる記録は、短くても対応が見える
誰かへ値を伝えるときは、「この青を使ってください」だけではなく、形式と用途を明記します。例えば、案内の見出し帯から取得したHEX、次の資料の見出しに使う候補、と分かれば、相手はどの欄で何を比べるべきかを判断できます。正式な指定色が別にあるなら、そちらとの関係も確認します。
教材を一人で続ける場合も、未来の自分への引き継ぎと考えると記録を選びやすくなります。取得元、場所、値、形式、変更の有無がまとまっていれば、同じ青を再び一から探す作業を減らせます。手順のすべてを書き写すより、選んだ理由と結果を対応させることを優先してください。
6．色が違う・起動しないときの確認順
起動しないときは、対象と設定を順に見る
ショートカットで何も起きない場合は、PowerToysが動いているか、Color Pickerが有効か、現在のキー設定は何かを確認します。別の機能のショートカットと混同していないかも見ます。まず通常の作業画面で反応を見てから、特定のアプリだけで違いが起きるかを分けると、調べる範囲を絞れます。
公式資料には、対象のアプリを管理者として実行している場合、PowerToys側の権限が関わる制限も記載されています。だからといって、練習のためにすべてのアプリを管理者として起動する必要はありません。制限のある環境はその条件を確認し、通常権限で利用できる対象での動作と分けて扱います。
開始メニューなどの上では、Color Pickerの表示に制限があることも公式で説明されています。画面に表示されない場所があることと、どの場所でも機能全体が使えないことは別です。教材の通常のウィンドウで一連の操作を確かめ、特定の画面だけで起きる問題として記録すると、設定の変更を最小限にできます。
古い値が貼られるなら、取得の成否へ戻る
貼り付けた内容が前の文章や前の色だった場合は、今回の選択でコピーを行ったかを確かめます。取得せず閉じるボタンを使ったのか、色を選ぶ前に操作を終えたのかを見ます。クリップボードには直前に別の作業でコピーしたものがある可能性もあるため、値らしい文字が出たというだけでは判定できません。
新しいメモの空の行へ貼り付けると、以前の記録へ混ざりにくくなります。取得元と場所を書いた行に値を置き、同じ操作をするならその結果を次の行に分けます。失敗した値を黙って正しい記録へ上書きするより、どこで違う内容が入ったかを確認してから、不要な行を整理しましょう。
エディターの履歴を参照している場合は、現在選んでいる見本も確認します。新しく取った色のつもりで、別の履歴の色をコピーしていることがあります。取得した時点の記録と値を照らせば、選択場所の違いを調べる前に、履歴の取り違えを見つけられます。
値は合うのに見た目が違う場合を分ける
貼り付け先で違う色に見えるときは、まず入力した形式と成分の順番、適用した対象を確かめます。見出しの文字色へ入れるつもりが背景へ入っていないか、調整後の候補を使っていないかも見ます。取得元の位置を変える前に、値がどこへ適用されたかを確認してください。
その上で、Color Pickerの公式資料ではWCGとHDRのカラー形式を現在サポートしていないことを確認できます。対応範囲を超えた色の確認を、この操作だけで済ませないようにします。値を取得できたように見えても、すべての表示環境や用途で正確な色合わせを保証するものとしては扱いません。
正式な制作データの色や印刷結果が必要なら、その用途の仕様に戻ります。画面で似た色を拾い直し続けることより、指定された値、使用する形式、出力先の条件を確認する方が目的に近い場合があります。取得する場所の問題なのか、色を使う条件の問題なのかを分けることが、次の行動を決める助けになります。
教材の一周を、確認済みの範囲で終える
最後に、青い帯の中央から取得した値、確認したHEXとRGB、練習先へ入れた結果を見直します。元の取得値と調整した候補は別になっているか、履歴だけに頼らず取得元が残っているかも確認します。途中で貼り付け先を開いていないなら、その表示は未確認のまま残します。
次に別の色を取るときは、対象を一か所変えて同じ順を繰り返します。背景なら背景、文字なら文字と、何を取るかを明確にします。手順を覚えるために無関係な色を増やすより、用途が決まった一つの色を、取得から再利用まで対応させる方が、資料づくりへつなげやすくなります。
Color Pickerの使い方を確認するときは、「どの場所から」「どの形式で」「どこへ使うか」を一組にして考えてみてください。起動できること、色を選べること、正しい値を残せること、使う先で確認することを順に追えば、違いが出た場面も整理できます。まずは架空の案内の青を一つ、記録と結び付けるところから進めましょう。
機能の確認先：Microsoft LearnのColor Pickerの公式案内と英語の公式案内。2026年10月27日に本文を確認しました。画面名や設定の並びは使用する版によって異なるため、現在の設定を見て操作してください。
