HTML

❮ 前章へ 次章へ ❯

HTML では、色名、RGB 値、または HEX 値を使用して色を指定できます。


色名

HTMLでは、色名を使用して色を指定できます:

名前
 Red
 Orange
 Yellow
 Cyan
 Blue
Try it Yourself »

HTML は、140 の標準色名をサポートしています。


RGB Value

HTML では、次のフォーマットを使用して RGB 値として色を指定することもできます:rgb(red, green, blue)

各パラメータ (red、green、blue) は、0 〜 255 の間の色の強さを定義します

例えば、rgb(255,0,0) は赤が表示されます。これは、赤が最大値(255)に設定され、その他が 0 に設定されているためです。

黒を表示するには、rgb(0,0,0) のように、すべてのカラーパラメータを 0 に設定しなければなりません。

白を表示するには、rgb(255,255,255) のように、すべてのカラーパラメータを 255 に設定しなければなりません。

以下の RGB 値をミックスして見てください:

Red Green Blue
255 0 0

RGB
  rgb(255,0,0)
  rgb(255,255,0)
  rgb(0,255,0)
  rgb(0,255,255)
  rgb(0,0,255)
Try it Yourself »

灰色の陰影(shades of gray)は、多くの場合、3 つの光源すべてに等しい値を使用して定義します:

RGB
  rgb(0,0,0)
  rgb(90,90,90)
  rgb(128,128,128)
  rgb(200,200,200)
  rgb(255,255,255)
Try it Yourself »

HEX 値

HTML では、#RRGGBBという形式の 16 進数値を使用して色を指定することもできます。 ここで、RR(赤色)、GG(緑色)、BB(青色)は 00 〜 FF の 16 進数です(10進数の 0 〜 255 に同じです)。

例えば、赤が最高値(FF)に設定され、その他は最低値(00)に設定されているため、#FF0000 は赤色で表示されます。

HEX
  #FF0000
  #FFFF00
  #00FF00
  #00FFFF
  #0000FF
Try it Yourself »

灰色の陰影(shades of gray)は、多くの場合、3 つの光源すべてに等しい値を使用して定義します:

HEX
  #000000
  #404040
  #808080
  #CCCCCC
  #FFFFFF
Try it Yourself »

❮ 前章へ 次章へ ❯