どうも！chuckです。
今日コーディングしていて気になりました。
#FFF と #FFFFFFは同じなのか？？と。
なので、軽く調べてみました。
なんのこっちゃ(ヽ´ω`)という方向け↓
スタイルシート［CSS］/CSSの基本/CSSの色指定 - TAG index Webサイト
まずはググらずに確認します。
自作してみる
HTMLでdivタグを２つ用意。
見やすくするために、まずはbodyを黒くします。
そしてdivタグにそれぞれ、以下のスタイルを割り当てます。
こっちが#FFF
こっちが#FFFFFF
そしてブラウザで確認するとこのとおり。
ふむ。。。同じに見えますね。
危惧されたこと
僕はてっきり、#FFF が #F0F0F0 になってしまうのでは？！と思いました。
なので、#F0F0F0 も用意してみます。
divタグを増設。
背景色が#F0F0F0になるようにスタイルを充てます。
いざ！ブラウザで確認！
おっ！
一番右だけ色が違いますね！これがF0F0F0の色なんですね！
というわけで、#FFFはきちんと#FFFFFFに変換されていました。
…safariでは。
というわけで、クロスブラウザ確認。
クローム
クロームでも＃FFF=＃FFFFFFですね
FireFox
FireFoxでも同様です。
Opera
変わらず。
IE
未確認
結論
というわけで、モダンブラウザでは、#FFFは#F0F0F0ではなく#FFFFFFとして表示してくれるようです。
一応調べた
ふむふむ。W3Cにしっかり書いてあるようですね！
これ->Syntax and basic data types
例えば#FB0と指定したら、#FFBB00となるようです。
