HTMLの色
HTMLの色は、定義済みの色の名前、またはRGB、HEX、HSL、RGBA、またはHSLAの値で指定されます。
色の名前
HTMLでは、色名を使用して色を指定できます。
HTMLは140の標準色名をサポートしています。
背景色
HTML要素の背景色を設定できます。
Hello World
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
例
テキストの色
テキストの色を設定できます。
Hello World
Lorem ipsum pain sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet pain magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
例
ボーダーの色
境界線の色を設定できます。
Hellow World
Hellow World
Hellow World
例
色の値
HTMLでは、RGB値、HEX値、HSL値、RGBA値、およびHSLA値を使用して色を指定することもできます。
次の3つの<div>要素には、RGB、HEX、およびHSL値で設定された背景色があります。
RGB(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)
次の2つの<div>要素には、RGBA値とHSLA値で設定された背景色があり、色にアルファチャネルが追加されます(ここでは50%の透明度があります)。
rgba(255, 99, 71, 0.5)
hsla(9, 100%, 64%, 0.5)
例
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。