HTMLの色

色は赤、緑、青の混合です。

色の値

色は、赤、緑、青の値(RGB)で構成される16進表記で定義されます。

各色の最小値は 0 (16 進数: #00) です。最大値は 255 (16 進数: #FF) です。

最も一般的に使用される色の一部 (白、黒、赤、青、緑、黄色など) については、英語名を使用することもできます

この表は、3 つの色を混合することによる具体的な効果を示しています。

カラーカラー	カラーHEX	カラーRGB(カラーRGB)
	# 000000	rgb(0,0 、0）
	＃ff0000	RGB（255,0,0）
	＃00FF00	RGB（0,255,0）

	#FFFF00	rgb(255,255,0)
	#00FFFF	rgb(0,255,25 5)
	#FF00FF	rgb(255,0,255)
	#C0C0C0	rgb(192,192,192)
	#FFFFFF	rgb(255,255,2 55)

例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p style="background-color:#403bff">
    通过十六进制设置背景颜色
</p>
<p style="background-color:rgb(255,255,0)">
    通过 rbg 值设置背景颜色
</p>
<p style="background-color:red">
    通过颜色名设置背景颜色
</p>
</body>
</html>

プログラムの実行結果:

1,600万の異なる色

赤、緑、青の3色の組み合わせは0から255まであり、の1600 万の異なる色 (256 x 256 x 256)。

下のカラーテーブルでは、0から255の赤（部分）までのさまざまな結果が表示されますが、緑と青の値を0に設定すると、赤の値が変化するにつれて、異なる値が表示されます異なる色。

赤色光	カラーHEX	カラーRGB
	#000000	rgb(0,0,0)
	#100000	rgb(16,0,0)
	#200000	rgb(32,0,0)
	#300000	rgb(48,0, 0)

	#400000	rgb(64,0,0)
	#500000	rgb(80,0,0)
	#600000	rgb (96,0,0)
	#700000	rgb(112,0,0)
	#800000	(128,0,0)

	#900000	rgb(144,0,0)
	#A00000	rgb(160,0, 0)
	#B00000	rgb (176,0,0)
	#C00000	rgb(192,0,0)
	#D80000	r gb(216,0,0)

	#E80000	rgb(232,0,0)
	#F00000	rgb(240,0, 0)
	#F80000	rgb (248,0,0)
	#FF0000	rgb(255,0,0)

グレートーン

グレーから黒へのグラデーション（部分）を以下に示します

グレーシェード	カラーHEX	カラーRGB
	#000000	rgb(0,0,0)
	#080808	rgb(8,8,8)
	#181818	rgb(24,24,24)
	#202020	rgb(32,32,32 )

#303030 rgb(48,48,48) rgb(64) ,64,64) rgb (72,72,72) rgb(88,88,88) rgb(104,104,104)


#404040
#484848
#585858
#686868

	#787878	rgb(120,120,120)
	#808080	(128,128,128)
	#909090	rgb(144,144,144)
	#A0A0A0	rgb(160,160,160)
	#B0B0B0	rgb(176,176,176)

	#C8C8C8	rgb(200,200,200)
	#D8D8D8	(216,216,216)
	#F0F0F0	rgb(240,240,240)
	#F8F8F8	rgb(248,248,248)
	#FFFFFF	rgb(255,255,255)

Web セーフカラー?

数年前、ほとんどのコンピューターが 256 色しかサポートしていなかったとき、216 色の Web セーフカラーのセットが Web 標準として提案されました。その理由は、Microsoft および Mac オペレーティングシステムでは 40 種類の予約された固定システムカラー (それぞれ約 20) が使用されるためです。

何百万色もの色を処理できるコンピューターが増えている現在、これがどれほど意味があるのかはわかりませんが、選択はあなた次第です。

元々は、256 色のパレットを使用するときにすべてのコンピューターがすべての色を正しく表示できるようにするために、216 のクロスプラットフォーム Web セーフカラーが使用されていました。

HTMLの色の名前と色の値

色は赤(R)、緑(G)、青(B)で構成されます。

HTML および CSS の色仕様では 141 の色の名前が定義されています (標準の 17 色に加えて 124 色)。

色の値は、赤、緑、青 (RGB) として 16 進数表記で表されます。

各色の最小値は 0 (16 進数で 00)、最大値は 255 (16 進数で FF) です。

16 進値は、# の後に 3 つまたは 6 つの 16 進数文字が続くように記述されます。

3 桁の表現: #RGB、6 桁の表現に変換: #RRGGBB。

ヒント: 17 の標準色: ブラック、ブルー、アクア、フクシア、グレー、グリーン、ライム、マルーン、ネイビー、オリーブ、オレンジ、パープル、レッド、ホワイト、シルバー、ティール、イエロー。

次の表は、16 進値を含むいくつかの色の値を示しています。

ブラック #000000 ネイビーミディアムブルー

	#000080	ダークブルー #00008B
		#0000CD

ブルー	#0000FF
ダークグリーン	#006400
グリーン	#008000
ティール	#008080
ダークシアン	#008B8B

ディープスカイブルー	#00BFFF
ダークターコイズ	#00CED1
ミディアムスプリンググリーン	#00FA9A
ライム	#00FF00
スプリンググリーン	#00FF7F

シアン #00FFFFミッドナイトブルー #191970 ドジャーブルー #1E90FF ライトシーグリーン #20B2AA

アクア	#00FFFF

フォレストグリーン	#228B22
シーグリーン	#2E8B57
ダークスレートグレー	#2F4F4F
ライムグリーン	#32CD32
ミディアムシーグリーン	#3CB371

ターコイズ	#40E0D0
ロイヤルブルー	#4169E1
スチールブルー	#4682B4
ダークスレートブルー	#483D8B
ミディアムターコイズ	#48D1CC

インディゴ	#4B0082
ダークオリーブグリーン	#556B2F
カデットブルー	#5F9EA0
コーンフラワーブルー	#6495ED
ミディアムアクアマリン	#66CDAA

ディムグレー	#696969
スレートブルー	#6A5ACD
オリーブドラブ	#6B8E23
スレートグレー	#708090
ライトスレートグレー	#778899

ローングリーン #7CFC00シャルトルーズ #7FFF00 アクアマリン #7FFFD4 マルーン #800000

ミディアムスレートブルー	#7B68EE

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> 通过十六进制设置背景颜色 通过 rbg 值设置背景颜色 通过颜色名设置背景颜色 </body> </html>

提出するリセットコード

自動運転