RGBとHEXの使い分けについて

Question

Webで色を表現する際にRGB（rgb(255, 255, 255)）かHEX（#FFFFFF）で色を指定するかと思われますが、この２つの使い分けはありますか？

RGBAで透過度まで設定する必要があるならRGBを使おうと考えますが、
そうでないならRGBもHEXも好みで使うようになるのでしょうか？

Answer 1

この２つの使い分けはありますか？

CSSに使う分には、特に使い分けはありません。以下の記法をどれでも使えます（MDN）。

• rgb()関数
• #rrggbb形式
• #rgb形式
• 色名
• hsl()関数

なお、Sassのコンパイラなどを介してCSSに何かしらの処理を行うような場合、rgb(255, 255, 255)と書いてもwhiteと書いても、同じ色でいちばん表記の短い#fffに置き換えてしまうことがあります。

Comments

[退会済みユーザー]

種類豊富な色や透明度を必要としないなら好みで使ってもよさそうですね。

Answer 2

一応 #RRGGBBAAという書き方もできます。（Edgeは対応していないようですが）

【<color> - CSS: カスケーディングスタイルシート | MDN】
https://developer.mozilla.org/ja/docs/Web/CSS/color_value#RGB_%E8%89%B2

16進表記: #RRGGBB[AA]

R (赤)、 G (緑)、 B (青) と A (アルファ) は16進数の文字 (0-9, A-F) です。 A は任意です。例えば、 #ff0000 は #ff0000ff と同等です。