トップ > 知っておきたい機能 > フィルとストローク >
フィル/ストロークダイアログの詳細(その2)

色の指定方法と色の入力欄

では、それぞれもう少し詳しく見ていきましょう。 まずは、色の指定方法と色の入力欄からです。

[RGB]・[HSL]・[HSV]・[CMYK]・[ホイール]・[CMS]の6つのボタンは色の指定方法を切り替えるためのもので、初期状態では[RGB]ボタンが選択されています。

その下の、R / G / B / Aの入力欄は、色の入力欄です。 これらの項目は、選択した色の指定方法によって変化します。 初期状態では[RGB]ボタンが選択されているため、R(赤)・G(緑)・B(青)・A(不透明度)の入力欄が表示されています。

色の指定方法の各ボタンの意味とそれぞれの色の指定方法は以下の通りです。

---

[RGB]ボタン()を選択した場合は、RGB形式で色を指定します。

Rは赤成分、Gは緑成分、Bは青成分、Aは不透明度を表します。 RGBAともにスライダまたは数値入力します。 なお、RGBは 0 から 255 の256段階で、Aはパーセント(0 から 100)で指定します。

1. Rは赤成分
2. Gは緑成分
3. Bは青成分
4. Aは不透明度
5. RGBAともにスライダまたは数値入力する
6. RGBは 0 から 255 の256段階で指定する
7. Aはパーセント(0 から 100)で指定する

---

[HSL]ボタン()を選択した場合は、HSL形式で色を指定します。

Hは色相(色合い)、Sは彩度(鮮やかさ)、Lは輝度(明るさ)、Aは不透明度を表します。 HSLAともにスライダまたは数値入力します。 なお、Hは円の角度(0 から 360)で、SLAはパーセント(0 から 100)で指定します。

1. Hは色相(色合い)
2. Sは彩度(鮮やかさ)
3. Lは輝度(明るさ)
4. Aは不透明度
5. HSLAともにスライダまたは数値入力する
6. Hは円の角度(0 から 360)で指定する
7. SLAはパーセント(0 から 100)で指定する

---

[HSV]ボタン()を選択した場合は、HSV形式で色を指定します。

Hは色相(色合い)、Sは彩度(鮮やかさ)、Vは明度(明るさ)、Aは不透明度を表します。 HSVAともにスライダまたは数値入力します。 なお、Hは円の角度(0 から 360)で、SVAはパーセント(0 から 100)で指定します。

1. Hは色相(色合い)
2. Sは彩度(鮮やかさ)
3. Vは明度(明るさ)
4. Aは不透明度
5. HSVAともにスライダまたは数値入力する
6. Hは円の角度(0 から 360)で指定する
7. SVAはパーセント(0 から 100)で指定する

---

[CMYK]ボタン()を選択した場合は、CMYK形式で色を指定します。 なお、CMYKについては、特集 > CMYKって何だろうを参照ください。

Cはシアン(水色)、Mはマゼンタ(紫色)、Yはイエロー(黄色)、Kはキープレート(黒色)、Aは不透明度を表します。 CMYKAともにスライダまたは数値入力します。 なお、CMYKAともにパーセント(0 から 100)で指定します。

1. Cはシアン(水色)
2. Mはマゼンタ(紫色)
3. Yはイエロー(黄色)
4. Kはキープレート(黒色)
5. Aは不透明度
6. CMYKAともにスライダまたは数値入力する
7. CMYKAともにパーセント(0 から 100)で指定する

---

[ホイール]ボタン()を選択した場合は、色相環で視覚的に色を指定することができます。

色の表現はHSL形式と全く同じで、H(色相)、S(彩度)、L(輝度)、A(不透明度)で指定します。 HSL形式とは操作方法が異なるだけです。 操作手順は以下の通りです。

まず、H(色相)を選びます。 色相環と呼ばれるカラフルなリング上の目的の色合いをマウスの左ボタン()でクリックします。

すると、リングに内接する三角形が連動して回転します。 クリックした位置に三角形の頂点が向きます。

次に、S(彩度)を調整します。 リングに内接する三角形の垂直位置で強度を調整します。 頂点側は強度が高く、下辺側は強度が低くなっています。 三角形の内部の目的の彩度の場所をマウスの左ボタン()でクリックします。

最後に、L(輝度)を調整します。 リングに内接する三角形の水平位置で強度を調整します。 頂点から時計回りの次の角側の強度が高く、逆側の角は強度が低くなっています。 三角形の内部の目的の輝度の場所をマウスの左ボタン()でクリックします。

必要であれば、A(不透明度)も調整します。 Aはスライダまたは数値入力します。 なお、Aはパーセント(0 から 100)で指定します。

1. H(色相)はリングから選ぶ
2. S(彩度)はリングに内接する三角形の垂直位置で選ぶ
3. L(輝度)はリングに内接する三角形の水平位置で選ぶ
4. A(不透明度)はスライダまたは数値入力する
5. Aはパーセント(0 から 100)で指定する

---

[CMS]ボタン()を選択した場合は、CMS(カラーマネジメントシステム)を用いて色を指定します。

カラーマネジメントシステムを用いることで、特定の機器(モニタ・プリンタ等)ではどんな色になるかを画面上で見ることができます。

カラーマネジメントシステムを用いるには、画像を出力する機器用のカラープロファイルが必要です。 カラープロファイルは機器の色の特性の情報であり、機器のメーカや標準化団体などが配布しています。

1. カラーマネジメントシステムを用いることで、特定の機器(モニタ・プリンタ等)ではどんな色になるかを画面上で見ることができる
2. カラーマネジメントシステムを用いるには、画像を出力する機器用のカラープロファイルが必要
3. カラープロファイルは機器の色の特性の情報であり、機器のメーカや標準化団体などが配布している

アイコン

続いては、色の入力欄の下にある3つのアイコン( / / )です。

これらのアイコン( / / )は色の指定状態を表す表示灯、つまりインジケータです。 ユーザが色に関する設定を行ったり色を指定したりすることで自動的に点灯・消灯します。 ボタンではないのでユーザが押すことはできません。

[スポイトツール]ボタン

次は、アイコンの右にある[スポイトツール]ボタン()です。

[スポイトツール]ボタン()は、一時的にスポイトツールに切り替えるためのボタンです。 [スポイトツール]ボタン()を押すとスポイトツールに切り替わり、他のオブジェクトをクリックすることで色を抽出することができます。 色の抽出後は前に選択していたツールに戻ります。

では、[スポイトツール]ボタン()を使って色を抽出してみましょう。

上図のように任意のオブジェクトを選択し、[スポイトツール]ボタン()を押します。 今回はピンク色のオブジェクトを選択しています。

上図のように画面左部にあるツールボックスのスポイトツールが選択されています。 このように、[スポイトツール]ボタン()を押すと自動的にスポイトツールに切り替わります。

上図のように色を抽出したいオブジェクトをマウスの左ボタン()でクリックします。

上図のようにピンク色のオブジェクトが水色に変化します。 また、R / G / B / Aの入力欄(スライダと数値入力)およびRGBAの入力欄にも水色がセットされています。

上図のように画面左部にあるツールボックスの選択ツールが選択されています。 このように、色の抽出後は前に選択していたツールに戻ります。

RGBAの入力欄

最後はダイアログの右下にあるRGBAの入力欄です。 HTMLカラーコードとも呼ばれます。

RGBAの入力欄は、赤成分(R)・緑成分(G)・青成分(B)・不透明度(A)を16進数のカラーコードで確認・修正するためのものです。

R / G / B / Aをそれぞれ2桁の16進数で表現するため、"0480e8ff" のように全部で8桁になります。 "0480e8ff" の場合は、R / G / B / Aのそれぞれの強度は以下になります。

16進数であるため、下から2桁目は16の位となります。 よって、10進数との対応は以下のようになります。