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

(いろ、英:color)は、物体特徴を表す上で重要な概念のひとつ。色相彩度明度の三要素をもつ。それぞれの違う物を区別したり、美しいと感じたりすることもできる。

学術的に見た色[編集]

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

色の三要素[編集]

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

色相[編集]

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

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

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

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

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

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

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色相環
ファイル:HueScale.svg
色相スケール

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

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

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

  • <span style="color:#FFF000">文字色は黄色</span>文字色は黄色と表示される
背景色と文字色の組み合わせの変更
  • <span style="color:#FFF000;background-color:#000000;">'''背景色は黒×文字色は黄色'''</span>背景色は黒×文字色は黄色と表示される
  • <span style="color:#FFFFFF;background-color:#0060FF;">'''背景色は青×文字色は白'''</span>背景色は青×文字色は白と表示される
幅と高さを指定した色
  • 例:緑

文字サイズが巨大
文字色は青

関連項目[編集]

外部リンク[編集]