16進数のWebカラーで虹色CSS作ってみた

Web上のRGBの色は、「#」と6桁の数字で指定します。これをHex表記（16進数カラー表記）と言います。

Hex表記で虹色を作るCSSコードを紹介します。

虹の七色の一つ例として次の色を使います。

#9400D3は紫を表します。

#4B0082は藍色を表します。

#0000FFは青色を表します。

#00FF00は緑色を表します。

#FFFF00は黄色を表します。

#FFA500は橙色を表します。

#FF0000は赤色を表します。

この七色を利用して虹色のグラデーションを作りましょう。

HTMLのタグはCSSで着色することができます。

p {
  background: linear-gradient(45deg, #9400D3, #4B0082, #0000FF, #00FF00, #FFFF00, #FFA500, #FF0000);
  height: 25vh;
  margin: 0;
}

このコードは、HTMLの「段落」に虹を作るコードです！

きれいに作れました！