
Web上の色は、RGBで指定します。
これは16進数の理屈で成り立っています。
今回は、Webカラーを数学的に説明して、CSSで虹色を作るコードを紹介してみました!
Webカラーのイメージ
RGBとHexのイメージ
赤色の種類
#010000から#ff0000までの変遷を見てみましょう。
#010000
#0f0000
#100000
#200000
#300000
#400000
#500000
#600000
#700000
#800000
#900000
#a00000
#b00000
#c00000
#d00000
#e00000
#f00000
#ff0000
WebカラーのCSSコード
虹色のCSSコード
HTMLのタグはCSSで着色することができます。
p {
background: linear-gradient(45deg, #9400D3, #4B0082, #0000FF, #00FF00, #FFFF00, #FFA500, #FF0000);
height: 25vh;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
このコードは、HTMLの「段落」に虹を作るコードです!
きれいに作れました!