色相のグラデーション
この記事の目次
こんにちは。管理人のりんです。ご訪問ありがとうございます。
グラデーションについては今まで彩度、明度と解説してきましたが、今回は色相によるグラデーションの紹介です。
例によってエクセルを使用して、色の設定を利用しながら進めていきます。
色相とは
まず色相(しきそう)とは、赤や青や緑とかの色合いの違いを指します。
例えばエクセルの色設定では、カラーモデル HSLモードにおいて、色相は色合いと表記されており、0から255までの数値が付けられています。
最低値0は下画面で最も左側の色(薄い赤色)で、最高値255は最も右側の色(濃い赤色)になります。
色相値0と色相値255の色が似ているように、色相255の次は0につながっています。
下画像では左右に広がっていますが、0と255がつながるように環っかにしたものが色相環と呼ばれています。
例外的に黒色と白色とグレーは色相に含まれません。これらは色相を持たない色となります。
ついでに明度・彩度については、エクセルの色設定では以下のように調整できます。
白色・黒色は明度の調整で扱います。
明度を極端に上げれば白くなり、極端に下げれば黒くなります。
グレー色は、彩度の調整で扱います。
彩度を極端に下げればグレーになります。
色の設定ショートカット
エクセルで色の設定画面は、ショートカットキーが割り当てられており、
これを使えば、繰り返し作業をする際にマウスで選ぶより楽になります。
色相の値
エクセルで実際に色相の番号を一つづつ入れてどんな色相か確認してみます。
明度・彩度は固定して、色相の番号だけを変えます。
まず、左から右へ順番に0~255まで番号を付けます。
1行に横に並べると長すぎて、一目で分かりにくいため、10行づつに並べ替えます。
0位置から順番に、色の設定画面で色合いの数字を変更します。
(カラーモデルはHSLにします。)
0の位置に色相0の色が入力できました。
下の行は、まず色相0の色をコピーして貼付けて、そのあと色相番号にあった色相値を入れます。
色相1のところでは、色合いを1に変更します。
1より下の行に対して、ひとつづつ色合い値を変更します。
これで色相0から色相10の色を作りましたが、違いがわかるでしょうか??
違いが分かれば、かなり色センスがある人と思われます。
段々と色相を変化させていますので、これもグラデーションです。
右側の11~20も同じ手順で色を作ります。
ここまでくると色相の違いはハッキリとしてきます。
30まで作ると、きれいなグラデーションになります。
色相0~255のグラデーション
0~255まで順番に色を作ると、全色相のグラデーションの完成です。
背景の黒枠を白枠に変えたり、並びの幅を変えたりして、バリエーションを付けます。
単純なグラデーションに変化を付けることが出来ます。
以上、色相のグラデーションについてご紹介しました。
~終わり~