16進数の色を書き方がわかりません。

Question

cssの記述で色指定する際に16進数の6桁で数字を表記していますが、16進数の簡略化された書き方を知りたいです。
よろしくお願い致します。

Answer 1

#8800CCのように、「3つとも0x11の倍数」という場合には、#80Cと省略できます。

…ということで、大丈夫でしょうか？

Answer 2

6桁の16進数で書くと2桁ずつrgb各255256階調の色指定ができます
16進数が分かりづらいならrgb()を使えば10進数で指定もできます
また3桁の16進数で書くとrgb各16階調の色指定になります

<style>
#hoge{color:#ff0000;}
#fuga{color:rgb(255,0,0);}
#piyo{color:#f00;}
</style>
<div id="hoge">16進</div>
<div id="fuga">rgb</div>
<div id="piyo">簡略</div>

Comments

[maisumakun]

0～Fまでなので、16ではなく15階調ですね。

[yambejp]

あ、255階調が間違いで256階調ですね

[maisumakun]

すみません、こちらの間違いでした

[kkkhiroki]

例えば
#ebe6d3
#666666
#d95483
#ffffff
を省略すると#666,#fffとなり、他は省略できないという解釈になりますか？