画面から拾った色を、別アプリへ。Color Pickerで値を確かめる

COLOR PICK。丸型銀縁サングラスのパグが、青い丸からスポイトで色を拾い、同じ青の色見本へ移すドット絵。

画像に使われている青を、見出しや図形にも使いたい。画面から色を拾えたものの、場所を少し変えると別の値になり、どれを使うか迷うことがあります。

PowerToysのColor Pickerは、画面上の色を数値で取り出す道具です。今回は、拾う場所を決めてから別アプリへ値を移すまでを確認します。ロゴなどの正式な色指定がある場合は、その指定を先に使いましょう。

目次

同じ絵でも、拾う場所を決める

たとえば、影の付いた青い丸。中央の青、輪郭付近、影の部分では、画面上の色が違うことがあります。「この丸の青が欲しい」なら、まず色が均一に見える内側を狙います。輪郭や影から拾った値を、そのまま丸全体の色と考えないことが大切です。

同じ丸でも、拾う場所で変わる
123
1内側:欲しい青を狙う
2輪郭:周りとは違う色
3影:丸の青とは分ける
採取位置の考え方を示す図。丸の内側・輪郭・影を、ひとつの色として扱わない。

ボタンなど、マウスを重ねると色が変わるものもあります。通常時の色を拾いたいときは、対象の近くにポインターを置き、ホイールを上へ回して拡大します。拡大時に画面が固定されるので、その中から対象の色を選びます。

まず、拾った値を文字で確認する

Windows用PowerToysを導入済みで、Color Pickerを利用できる環境が対象です。PowerToysの設定でColor Pickerを有効にし、Windows+Shift+Cを押します。既定のキーを変更している場合は、設定されたキーを使ってください。

色を選ぶ画面ではなく編集画面が開く場合は、設定の起動時の動作を確認します。画面から拾い始めたいときは「最初に色を選択する(Pick a color first)」を選びます。

対象へポインターを動かし、必要ならホイールで拡大してから、左クリックします。以下はマウス操作を変更していない場合の説明です。既定の動作では、色の値がクリップボードへコピーされ、編集画面が開きます。クリップボードは、コピーしたものを一時的に置く場所です。

いったんメモ帳などへ貼り付けると、何をコピーしたか確認できます。既定の形式はHEX。たとえば「#2517c8」のように、色を文字と数字で表します。形式やマウス操作は設定で変えられるため、違うものが出たら設定を確認しましょう。

編集画面には似た色も表示されます。拾った色をそのまま使いたいときは、別の色を選び直していないか、値を確かめます。

別アプリでは、色の入力欄を合わせる

移し先にHEXの入力欄があれば、その形式で値を入力します。「#」を含めるかどうかは、入力欄の書式に合わせます。

RGBの欄しかない場合は、赤・緑・青の三つの値へ対応させます。例の「#2517c8」は、0〜255で指定するRGBでは「R 37・G 23・B 200」です。これは同じsRGBの色を別の書き方で表したものです。画面から実測した結果ではなく、説明用の数値例です。

同じ色を、対応する欄へ
取得した値の例
#2517c8
HEXで入力
#2517c8
RGBで入力(0〜255)
R37
G23
B200
書き方が違っても、同じsRGBの色
数値は説明用。HEX欄へ値を移すか、RGBの三つの欄へ対応する値を入力する。

RGBでも百分率で入力する欄や、印刷向けのCMYKなどは書式が違います。数字だけを同じ順に入れる前に、欄の名前と範囲を確認してください。

まず小さな図形へ色を付け、入力した値を確認してから本文や図へ使うと、入れ間違いに気付きやすくなります。同じ値を入れても、元画像や印刷物と同じ見え方になることまで保証するものではありません。

拾った色と、正式な指定を分けて渡す

相手のロゴやブランドの色を合わせる場合、画面から拾った値だけでは、正式な指定色かどうか分かりません。元データや色の指定表があるなら、そちらを確認します。

その色は、どこから来た?
色の指定表
指定値を使う
正式な資料の値を確認
画面の一部分
候補として渡す
拾った位置も添える
画面から拾えたことと、正式な指定色であることは別。由来も一緒に伝える。

資料がなく、見た目を参考に提案する場合は「画面のこの部分から拾った色」と伝えれば、正式な指定との取り違えを減らせます。拾う位置と、どの資料を根拠にした色かを一緒に残すと、あとで確かめやすくなります。

なお、Color PickerはWCG(広色域)とHDRの色形式には対応していません。そうした表示を扱う場面で、採取した値から元の色を正確に取り出せたとは判断しないでください。

色を拾う作業は、値を得て終わりではありません。どこから拾ったか、どの形式で渡すか、正式な指定なのか。この三つを確かめると、別のアプリで使うときも迷いにくくなります。

参照した公式資料

目次