出典: 謎の百科事典もどき『エンペディア(Enpedia)』
ナビゲーションに移動 検索に移動

(いろ、英:color)は、物体特徴を表す上で重要な概念のひとつ。色相彩度明度の三要素をもつ。

学術的に見た色[編集]

人間が物体の存在を知覚できるのは、があるためである。それぞれの物体で、吸収する光の波長が決まっている。波長が長いと、短いとになる。はその中間。波長については、可視光線を参照。

色の三要素[編集]

色相はいわゆる色合い、彩度は色の鮮やかさ、明度は色の明るさなど、彩度が0の色を無彩色といい、色相は無い。有彩色は「純色」ともいう。無彩色以外の色は有彩色という。

色相[編集]

有彩色で、()、オレンジ()、黄色()、()、()、()といった色の性質の相違である。英語ではhue。色合いのこと。グラデーションの意味とよく似ている。彩度・明度と併せて、色の三属性の一つである。色から彩度と明度または輝度の要素を取り除いた残りでもある。色相の総体を順序立てて円環にしたものを「色相環」という。色相のスタート地点は、赤から始まるものとなっている。赤は色相の角度の最初の値である0°=360°を示す色である。色相における基本色は、順番に、赤・オレンジ・黄色・緑・青・紫の6種類。赤、オレンジ、黄色、緑、青、紫の次は、また赤に戻り、元のところに戻ってくる。これを色の一周という。

一般的には12等分(時計で示した場合)や24等分で表現される。RGBカラーでは、色相の値は角度で表される。色相を24等分すると、角度が全て15°ずつ進んで行く。計算は、360°÷24=15°。

角度については、下の図を参照。光の三原色RGB=赤・緑・青(群青色)は、0°の赤を基準に、色相を3等分したもので、正三角形の各頂点に当たる色である120°ずつの間隔を置いて並んでいる(角度の差が均等に120°移動)。0°は赤、オレンジは30°、ゴールデンイエローは45°、黄色は50°〜60°、60°のみはウェブカラーの黄色=レモン色みたいな色、黄緑は90°、緑は120°前後、エメラルドは150°ぐらい、180°はウェブカラーのシアン=ターコイズブルー、青は215°~225°、240°は群青色、270°はバイオレット 、紫は285°ぐらい 、300°はウェブカラーのマゼンタ。

色を反転すると、色相では角度が180°(半回転)移動する。「反転色」を参照。

シアン、マゼンタ、ゴールデンイエロー、ターコイズブルーといった語は、固有色名の一種であり、日常用語(日常語)にはたぶん無い気がする。日常用語に存在する色は、レモン色(レモンイエロー)、水色、群青色、朱色。

色相の角度の値が変化することにより、色によって明るさの感じ方が異なる。これを輝度、光の明るさという。英語ではbrightness、luminance。色相の中で最も輝度が高い色は黄色で、特にウェブカラーの黄色=レモン色みたいな色は一番輝度が高い。逆に輝度が最も低い色は黄色の反転色、ちょっと紫がかった青色=群青色である。

24等分した色相の角度[編集]

色相の角度 カラーコード 色名 輝度
色相:0° #FF0000 30%
色相:15° #FF4000 朱色 45%
色相:30° #FF8000 オレンジ色 59%
色相:45° #FFBF00 ゴールデンイエロー山吹色 74%
色相:60° #FFFF00 ウェブカラー黄色=レモン色みたいな色 89%
色相:75° #BFFF00 明るい黄緑色 81%
色相:90° #80FF00 黄緑色シャルトルーズグリーン 74%
色相:105° #40FF00 リーフグリーン 66%
色相:120° #00FF00 (光の三原色)=明るい 59%
色相:135° #00FF40 コバルトグリーン 62%
色相:150° #00FF80 エメラルドグリーン 64%
色相:165° #00FFBF 明るい青緑色ターコイズグリーン 67%
色相:180° #00FFFF ターコイズブルーシアンウェブカラー)、明るい緑みの青 70%
色相:195° #00BFFF セルリアンブルー 55%
色相:210° #0080FF 明るいアジュール 41%
色相:225° #0040FF 真っ青コバルトブルー 26%
色相:240° #0000FF 群青色ウェブカラー 11%
色相:255° #4000FF ヒヤシンス 19%
色相:270° #8000FF バイオレット 26%
色相:285° #BF00FF 34%
色相:300° #FF00FF マゼンタウェブカラー)=わずかにみの明るい 41%
色相:315° #FF00BF 明るい赤紫色 38%
色相:330° #FF0080 ルビーレッドクリムソン 36%
色相:345° #FF0040 カーマイン紅色 33%

この2つの色の違いに関しては、一般的には、バイオレットは青みの紫、パープルは基本の紫〜赤みの紫であるが、場合によっては逆になっているものもあるので要注意。

RGB色相環

エンペディアにおける色の使用方法[編集]

span styleで背景色の変更
  • <span style="background-color:#FF0000;”>背景色は赤</span>背景色は赤と表示される
  • <span style="background-color:#FF8000;”>背景色はオレンジ</span>背景色はオレンジと表示される
  • <span style="background-color:#FFF000;”>背景色は黄色</span>背景色は黄色と表示される
文字色の変更
  • <span style="color:red">文字色は赤</span>文字色は赤と表示される
  • <span style="color:#0f0">文字色は緑</span>文字色は緑と表示される
  • <span style="color:#0000FF">文字色は群青色</span>文字色は群青色と表示される
  • <span style="color:#FF0000">●</span>と表示される
  • <span style="color:#00FFFF">★</span>と表示される

(注)白地に黄色い文字で書くとわかりにくく、色の見分けがはっきりしない。

  • <span style="color:#FFF000">文字色は黄色</span>文字色は黄色と表示される

関連項目[編集]

外部リンク[編集]