- まとめ
- 具体例
「16進数カラーコード」とは
Web上の色を16進数を使った6桁の数で指定すること。
RGB
Web上の色は赤緑青の3色で表し, 各色は256段階で指定する.
記法
RGBの各色を2桁ずつ計6桁の数を 「#」の後に並べて色を表す.
A. 16進数で１桁の数
$0$ から $15$ までの数は, 16進数では $0$, $1$, $2$, $\cdots$, $9$, $a$, $b$, $c$, $d$, $e$, $f$ の16個の数字を使って1桁で表される.
B. 16進数で２桁の数
$16$ から $255$ までの数は, 16進数では $10$ から $ff$ までの2桁の数字で表される.
C. RGBの256段階
RGBの各色256段階は，$0$, $1$, $2$, $\cdots$, $9$, $a$, $b$, $c$, $d$, $e$, $f$ の16個の数字を使って16進数で２桁で表記することができる。
ポイント解説
● #000000：(R, G, B) = (0, 0, 0)
●#ffffff：(R, G, B) = (255, 255, 255)
●#ff0000：(R, G, B) = (255, 0, 0)
●#00f100：(R, G, B) = (0, 241, 0)
●#0000fa：(R, G, B) = (0, 0, 250)
●#ffff00：(R, G, B) = (255, 255, 0)
●#00ffff：(R, G, B) = (0, 255, 255)
●#6f3b4e：(R, G, B) = (111, 59, 78)
A
16進数と10進数の対応
| Hex | $a$ | $b$ | $c$ | $d$ | $e$ | $f$ |
| 通常 | 10 | 11 | 12 | 13 | 14 | 15 |
例
CSSで虹色を表現した.
16進数のWebカラーで虹色CSS作ってみた
Web上の色は、RGBで指定します。 これは16進数の理屈で成り立っています。 今回は、Webカラーを数学的に説明して、CSSで虹色を作るコードを紹介してみました！ 目次Webカ…
ますレッスン教室 
