Webセーフカラー とは、OSやブラウザ、コンピュータの違いによらずどんな環境でも同じように表示できる色216色のことを言います。 Webページでは、赤・青・緑の三原色の組み合わせにより1677万7216色が使用可能なのですが、Webセーフカラー以外の色を使った場合、 環境によって見た目が変わってしまう場合があるそうです。なので今回使用する色はWebセーフカラーに限定してやってみます。

色は膨大にありますが、まず赤、青、黄といった色の違いを「色相」といいます。 色相を円周上に配置してわかりやすくしたものを色相環といいます。（右の図）
色相環図で見て中心に向う色を「同系色」と言い、近くの色(黄色に対して黄緑またはオレンジ)は「類似色」と言います。 色相環図で見て正反対にある色(黄色に対して紫)を「補色」と言います。 そこにトーン（明度・彩度）が加わり、色の輪が広がっていきます。

※明度・・色の明るさ・暗さ　・　彩度・・色の鮮やかさ