色の表現方法の#ffffffの他に#fffという３桁の方法について

質問

livedoorのブログをやってまして、最近カスタマイズを楽しんでいます。
ところが、あるシートをいじろうとしたら、全て色の表示が３桁になってました。
今まで１６進法の#ff00ffといった６桁のものしかしらなかったのですが、３桁の表現方法もあるのでしょうか。
なにか、参考になるサイトなどがありましたら教えて下さい。

回答No.1

inu2 · ベストアンサー

16進法であらわしているのは桁順に
RRGGBB であらわしています、つまり各色2桁づつとっているわけですそこで、2桁つづを1桁であらわす方法もあります

つまり
#FF00BB
ならば
#F0B
とあらわすことができます、
これは昔からの手法で、現在のパソコンのほとんどはフルカラー表示できますが、昔のパソコンはグラフィック性能がよくなく、256色しかだせませんでした
3桁表示ならば合計で256色の表現ができます

この256色の中からMacintoshとWindowsで異なる40色のを除いた216色をwebセーフカラーといい、基本的にどんなマシンでも、同じ色で表現したい時に使っていましたし、現在も使えます。
現在はMacやWinなどのプラットフォームをほとんど気にすることが無いので、6桁を使ってかまいませんし、2桁づつ、同じ色(例#AABBCC等)の時は2桁づつを1文字(#ABC等)にしてもかまいません

ちなみに、16進数以外にも、collar="white" collar="black" collar="red" などと色名での表現も難色か定義されています。

collar="cocktailsolid" とか適当な色でもブラウザが勝手に解釈して適当な色を付けてくれたりしますが、まぁ、ブラウザの種類によって全然色がちがったり色が付かなかったりしますので、お遊びにしか使えないし、正しい表記方法ではないですので、ほどほどに・・・

お礼

ありがとうございます！
一応「そうかな」って思っていた通りでした。
早速役立てます。ありがとうございました。

回答No.3

inu2

No1の者です

No2さんから引用
>例えば現在IEの次にシェアの大きいFireFoxでは、黒になってしまいます

おろろ・・・、真っ黒になりますな。
当方勉強不足(というか最近の流行というか傾向についていけないなぁw)

ということで、16進数表記が一番無難ですね

回答No.2

sion_fs

ＣＳＳを使って、ＣＳＳに設定する場合については、色の表記は＃ＲＧＢの３桁表記、＃ＲＲＧＧＢＢの６桁表記、１６色のカラーに割り当てられた色名表記（red等）、rgb(Ｒ，Ｇ，Ｂ）という１０進数表記などが利用できます。

しかし、現行ＨＴＭＬにおいて表示する場合は、＃ＲＲＧＧＢＢの６桁表記、１６色のカラーに割り当てられた色名表記（red等）の２種類しか使えません。

基本的に３桁表記は避けた方が無難です。（幾つかの現行ブラウザでは、ＨＴＭＬ上では対応していません。例えば現在ＩＥの次にシェアの大きいFireFoxでは、黒になってしまいます）

なお、【ブラウザによっては】ＨＴＭＬでも３桁表記が使えたり、１６色の基本色以外に、２００色程度の色にも同様に名前が割り当てられていたりします。
但しそれはあくまでもブラウザの機能であり、統一機能では有りませんので、見られないブラウザが少なくは無いと考えた方が良いでしょう。