ウェブカラー

ウェブカラーとは、ウェブページをデザインする際に使用される色と、その色を記述したり一覧にしたりする方法のことです。

ウェブページの一部の色を選択するには、いくつかの方法があります。色は、16進数形式のRGBトリプレット（3つの数字の集合）としてリストアップされることがあります（16進数トリプレット）。RGB トリプレットは 16,777,216 色の色を作ることができます。多くの一般的な色は、一般的な英語の名前で選ぶこともできます。カラーツールなどのグラフィックソフトを使って色の値を作成することが多い。

MosaicとNetscape Navigatorの最初のバージョンでは、カラーリストのベースとしてX11のカラー名を使用していました。これは、どちらも X Window System アプリケーションとしてスタートしたからです。

各ウェブカラーには、sRGBという独自の定義があります。これは、単一の蛍光体セット、与えられた伝達曲線、適応ホワイトポイント、および表示条件の色度に関係しています。これらは、多くの実世界のモニターや表示条件に近いものになるように選択されています。カラーマネージメントがなくても、作成された色は与えられた値にかなり近いです。しかし、ユーザーエージェントによって、色の表示の忠実度が異なる場合があります。優れたユーザーエージェントは、カラーマネジメントを使用して、より優れたカラー忠実度を作成します。これは、Web-to-printアプリケーションでは重要です。

ろっかさんぷく

16進数トリプレットとは、HTMLやCSS、SVGなどのコンピュータプログラムで色を表すために使用される6桁の3バイトの数字のことです。バイトは色の赤、緑、青の部分を表します。1バイトは、00からFFまでの範囲の数字を表し、10進法では0から255までの数字を表します。これは、各色成分の最小（0）から最大（255）までの強度を表します。16進数トリプレットは、以下の順序で16進数表記で3つのバイトを連結して形成されます。

バイト１：赤の値（カラータイプ赤

バイト２：緑色の値（色は緑色タイプ

バイト３：青色の値（カラータイプ青

例えば、赤/緑/青の値が10進数である赤=36、緑=104、青=160（灰色がかった青）の色を考えてみましょう。10進数の36、104、160はそれぞれ24、68、A0に似ています。16進数のトリプレットは、16進数の6桁の数字を組み合わせて得られます（この例では2468A0）。

HTMLウェブカラー

1997年に制定され、当初は16色ありましたが、後にオレンジを加えて全17色になりました。後にオレンジが追加され、全17色になりました。元々の16色は「Windows VGAテンプレート」と呼ばれるものの一部であり、ハイライトなどのアクションに使用できる色であることを意味しています。[]

カラー	十六進法	カラー	十六進法	カラー	十六進法	カラー	十六進法
アクア	#00FFFF	ねずみ色	#808080	ネイビー	#000080	銀	#C0C0C0C0
黒	#000000	青々	#008000	オリーブ	#808000	ティール色	#008080
蒼い	#♪0000FF	ライム	#00FF00	紫	#800080	白	#＃ＦＦＦＦＦＦＦＦ
フクシア	#＃ＦＦ０００ＦＦＦ	マルーン	#800000	あか	#＃FF0000	黄色い	#＃ＦＦＦＦＦＦ０００

HTMLの色を後から追加

カラー	十六進法
橙色	#FFA500

エックス十一色

1991年のWorld Wide Webの発明以来、これらは「X11ウェブカラー」と呼ばれています。

ＨＴＭＬ名	六角コード R G B	10進数コード R G B
赤い色
インディアンレッド	CD 5C 5C	205 92 92
ライトコーラル	F0 80 80	240 128 128
サーモン	FA 80 72	250 128 114
ダークサーモン	E9 96 7A	233 150 122
ライトサーモン	FF A0 7A	255 160 122
クリムゾン	DC 14 3C	220 20 60
赤	FF 00 00 00	255 0 0
ファイヤーブリック	B2 22 22	178 34 34
ダークレッド	8B 00 00	139 0 0
ピンク色
ピンク	FF C0 CB	255 192 203
ライトピンク	FF B6 C1	255 182 193
ホットピンク	FF 69 B4	255 105 180
ディープピンク	FF 14 93	255 20 147
ミディアムバイオレットレッド	C7 15 85	199 21 133
ペールバイオレットレッド	DB 70 93	219 112 147
オレンジ色
ライトサーモン	FF A0 7A	255 160 122
珊瑚	FF 7F 50	255 127 80
トマト	FF 63 47	255 99 71
オレンジレッド	FF 45 00	255 69 0
ダークオレンジ	FF 8C 00	255 140 0
オレンジ色	FF A5 00	255 165 0

黄色の色
金	FF D7 00	255 215 0
イエロー	FF FF 00	255 255 0
ライトイエロー	FF FF E0	255 255 224
レモンシフォン	エフエフエーシーディー	255 250 205
ライトゴールデンロッドイエロー	FA FA D2	250 250 210
パパイヤホイップ	エフエフエフディーファイブ	255 239 213
モカシン	エフエフイーフォービーファイブ	255 228 181
ピーチパフ	FF DA B9	255 218 185
淡い金魚	EE E8 AA	238 232 170
カーキ	F0 E6 8C	240 230 140
ダークカーキ	BD B7 6B	189 183 107
紫色の色
ラベンダー	Ｅ６Ｅ６ＦＡ	230 230 250
アザミ	D8 BF D8	216 191 216
プラム	DD A0 DD	221 160 221
菫色	EE 82 EE	238 130 238
オーキッド	ＤＡ７０Ｄ６	218 112 214
フクシア	FF 00 FF	255 0 255
マゼンタ	FF 00 FF	255 0 255
ミディアムオーキッド	BA 55 D3	186 85 211
ミディアムパープル	93 70 DB	147 112 219
アメジスト	99 66 CC	153 102 204
ブルーバイオレット	8A 2B E2	138 43 226
ダークバイオレット	94 00 D3	148 0 211
ダークオーキッド	99 32 CC	153 50 204
ダークマゼンタ	8B 00 8B	139 0 139
紫色	80 00 80	128 0 128
インディゴ	4B 00 82	75 0 130
スレートブルー	6A 5A CD	106 90 205
ダークスレートブルー	48 3D 8B	72 61 139
ミディアムスレートブルー	7B 68 EE	123 104 238

ＨＴＭＬ名	六角コード R G B	10進数コード R G B
緑の色
グリーンイエロー	AD FF 2F	173 255 47
シャルトリューズ	7F FF 00	127 255 0
芝生の緑	7C FC 00	124 252 0
ライム	00 FF 00	0 255 0
ライムグリーン	32 CD 32	50 205 50
ペールグリーン	98 FB 98	152 251 152
ライトグリーン	90 EE 90	144 238 144
ミディアムスプリンググリーン	00 FA 9A	0 250 154
春の緑	00 FF 7F	0 255 127
ミディアムシーグリーン	3C B3 71	60 179 113
シーグリーン	2E 8B 57	46 139 87
フォレストグリーン	22 8B 22	34 139 34
グリーン	00 80 00	0 128 0
ダークグリーン	00 64 00	0 100 0
黄緑	9A CD 32	154 205 50
オリーブドラブ	6B 8E 23	107 142 35
オリーブ	80 80 00	128 128 0
ダークオリーブグリーン	55 6B 2F	85 107 47
ミディアムアクアマリン	66 CD AA	102 205 170
ダークシーグリーン	8F BC 8F	143 188 143
ライトシーグリーン	20 B2 AA	32 178 170
ダークシアン	00 8B 8B	0 139 139
ティール	00 80 80	0 128 128
ブルーカラー
アクア	00 FF FF	0 255 255
シアン	00 FF FF	0 255 255
ライトシアン	E0 FF FF FF	224 255 255
ペールターコイズ	AF EE EE EE	175 238 238
アクアマリン	7F FF D4	127 255 212
ターコイズ	40 E0 D0	64 224 208
ミディアムターコイズ	48 D1 CC	72 209 204
ダークターコイズ	00 CE D1	0 206 209
カデットブルー	5F 9E A0	95 158 160
スチールブルー	46 82 B4	70 130 180
ライトスチールブルー	B0 C4 DE	176 196 222
パウダーブルー	B0 E0 E6	176 224 230
ライトブルー	ＡＤＤＤ８Ｅ６	173 216 230
スカイブルー	87 CE EB	135 206 235
ライトスカイブルー	87 CE FA	135 206 250
ディープスカイブルー	00 BF FF	0 191 255
ドジャー・ブルー	1E 90 FF	30 144 255
コーンフラワーブルー	64 95 ED	100 149 237
ミディアムスレートブルー	7B 68 EE	123 104 238
ロイヤルブルー	41 69 E1	65 105 225
青色	00 00 00 FF	0 0 255
ミディアムブルー	00 00 00 CD	0 0 205
紺色	00 00 8B	0 0 139
ネイビー	00 00 80	0 0 128
ミッドナイトブルー	19 19 70	25 25 112

ＨＴＭＬ名	六角コード R G B	10進数コード R G B
ブラウンカラー
コーンシルク	エフエフエフエフエイトディーシー	255 248 220
ブランチド・アーモンド	エフエフイービーシーディー	255 235 205
ビスク	エフエフイーフォーシーフォー	255 228 196
ナバホ・ホワイト	エフディーエーディーエーディー	255 222 173
小麦	F5 DE B3	245 222 179
瘤のある木	DE B8 87	222 184 135
タン	Ｄ２Ｂ４８Ｃ	210 180 140
ロージーブラウン	BC 8F 8F	188 143 143
サンディブラウン	F4 A4 60	244 164 96
"LoHan_9C6B6	DA A5 20	218 165 32
ダークゴールデンロッド	B8 86 0B	184 134 11
ペルー	CD 85 3F	205 133 63
チョコレート	D2 69 1E	210 105 30
サドルブラウン	8B 45 13	139 69 19
シエナ	A0 52 2D	160 82 45
褐色	A5 2A 2A	165 42 42
マルーン	80 00 00	128 0 0
ホワイトカラー
ホワイト	FF FF FF FF	255 255 255
雪	エフエフエーエフエー	255 250 250
ハニーデュー	F0 FF F0	240 255 240
ミントクリーム	Ｆ５ＦＦＦＦＡ	245 255 250
アジュール	F0 FF FF FF	240 255 255
アリスブルー	F0 F8 FF	240 248 255
ゴーストホワイト	F8 F8 FF	248 248 255
白煙	F5 F5 F5 F5	245 245 245
貝殻	エフエフエフエフファイブイーイー	255 245 238
ベージュ	F5 F5 DC	245 245 220
オールドレース	ＦＤＦ５Ｅ６	253 245 230
フローラルホワイト	FF FA F0	255 250 240
アイボリー	FF FF FF F0	255 255 240
アンティークホワイト	FA EB D7	250 235 215
リネン	ＦＡＦ０Ｅ６	250 240 230
ラベンダーブラッシュ	FF F0 F5	255 240 245
ミスティローズ	FF E4 E1	255 228 225
グレーの色
ゲインズボロ	DC DC DC DC	220 220 220
ライトグレー	D3 D3 D3 D3	211 211 211
シルバー	C0 C0 C0 C0	192 192 192
ダークグレー	A9 A9 A9 A9	169 169 169
グレー	80 80 80	128 128 128
ディムグレー	69 69 69	105 105 105
ライトスレートグレー	77 88 99	119 136 153
スレートグレー	70 80 90	112 128 144
ダークスレートグレー	2F 4F 4F	47 79 79
ブラック	00 00 00	0 0 0