CSS HEX カラー
16 進数の色は、#RRGGBB で指定します。RR (赤)、GG (緑)、BB (青) の 16 進数の整数は、色のコンポーネントを指定します。
16 進値
CSS では、次の形式の 16 進数値を使用して色を指定できます。
*ぐぐぐ*
rr (赤)、gg (緑)、bb (青) は、00 から ff までの 16 進数値です (10 進数の 0 から 255 と同じ)。
たとえば、#ff0000 は赤で表示されます。これは、赤が最高値 (ff) に設定され、その他が最低値 (00) に設定されているためです。
黒を表示するには、#000000 のように、すべての値を 00 に設定します。
白を表示するには、#ffffff のように、すべての値を ff に設定します。
以下の HEX 値を混合して実験してください。
#ff6347
赤
ff
緑
63
青
47
多くの場合、グレーの色合いは、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 のように記述できます。
次に例を示します。
例
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。