カラーコード
TOP > カラーコード
ウェブ上の色の表現方法について
カラーコード
カラーコードとは、「#」と6桁（または3桁）の数字とアルファベットで色を指定するコードです。
この6桁の数字とアルファベットはRGBの数値を16進数で示していて、1677万色もの色を表現することが可能です。
| ■ | #ffa500 | ■ | #9acd32 | ■ | #ffc0cb |
※RGB：光の三原色(R:RED G:GREEN B:BLUE)
※16進数：0～9の数字とA～Fのアルファベットを使って数値を表現する方法
実際には、閲覧者の環境によって認識されなかったりして、色の見え方が異なってきます。
できるだけ多くの環境で、正しく認識されたい場合は、基本16色か、ウェブセーフカラーの中から選ぶ方が良いと思います。
カラーネーム
カラーネームとは、色を数値でなく、色名で指定する方法です。
| ■ | orange | ■ | yellowgreen | ■ | pink |
現在、カラーネームは147色あります。
上記をご覧頂いたら分かるように、編集する側にとっては、色のイメージがしやすいです。
しかし、古いブラウザでは認識されないカラーネームもあります。
カラーコードは数値なので、近い色で表現してくれる（全く違う色になることもあります）のですが、カラーネームの場合は、認識されませんので、カラーネームに関しては、基本16色のみ、利用する方が安全でしょう。
※カラーネームの場合、記述に#は必要ありませんので、注意しましょう。
カラーネーム＆カラーコード基本１６色
下記の色は、基本１６色（または標準１６色）といって、ブラウザのバージョンを問わず、認識してくれる色です。
この基本１６色に関してはカラーネームでの指定でも問題ありません。
携帯でも問題なく表示されますので、携帯サイトでは、出来るだけこの中から選ぶのがいいでしょう。
| □ | white | #FFFFFF | ■ | silver | #C0C0C0 |
| ■ | gray | #808080 | ■ | black | #000000 |
| ■ | aqua | #00FFFF | ■ | teal | #008080 |
| ■ | blue | #0000FF | ■ | navy | #000080 |
| ■ | yellow | #FFFF00 | ■ | lime | #00FF00 |
| ■ | olive | #808000 | ■ | green | #008000 |
| ■ | red | #FF0000 | ■ | fuchsia | #FF00FF |
| ■ | purple | #800080 | ■ | maroon | #800000 |
ウェブセーフカラー
比較的、どのブラウザでも反映してくれるWEBセーフカラーといわれる色があります。
Windows,Macでそれぞれ使える256色の共通色を集めたもので、全部で216色あります。
今では、かなりの数を対応してくれるブラウザがほとんどなので、あまり神経質になる必要はありませんが、できるだけ確実に表示させたいなら、この中から選ぶのが安全だといえます。
ウェブセーフカラー216色一覧はこちらから
注意点
カラーコードも、カラーネームも、記述を誤ると反映してくれません。
編集の際は正確な情報を公開しているサイトなどから、コピー＆ペーストで貼り付けるようにしましょう。
