16進数の色は#RRGGBB で指定します。RR(赤)、GG(緑)、BB(青)の16進数の整数は、色のコンポーネントを指定します。

16進値

CSS では、次の形式の 16進数値を使用して色を指定できます。

#rrggbb

rr(red)、gg(green)、bb(blue)は、00からffまでの16進数値です(10進数の0から255と同じ)。

たとえば、#ff0000はredで表示されます。これは、redが最高値(ff)に設定され、その他が最低値(00)に設定されているためです。

blackを表示するには、#000000のように、すべての値を00に設定します。

whiteを表示するには、#ffffffのように、すべての値をffに設定します。

以下のHEX値を混合して実験してください。

多くの場合、グレーの色合いは、3 つの光源すべてに等しい値を使用して定義されます。

3桁のHEX値

CSSソースに3桁の16進数コードが表示されることがあります。

3桁の16進数コードは、一部の6桁の16進数コードの短縮形です。

3桁の16進数コードの形式は次のとおりです。

#rgb

ここで、r、g、bは赤、緑、青の成分を表し、値は0～fです。

3桁の16進コードは、各コンポーネントの両方の値(RR、GG、およびBB)が同じ場合にのみ使用できます。したがって、#ff00ccがある場合、#f0cのように記述できます。

次に例を示します。