ウェブカラー

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

ウェブページの一部の色を選択するには、いくつかの方法があります。色は、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つのバイトを連結して形成されます。

バイト1:赤の値(カラータイプ赤

バイト2:緑色の値(色は緑色タイプ

バイト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

##FFFFFFFF

フクシア

##FF000FFF

マルーン

#800000

あか

##FF0000

黄色い

##FFFFFF000

HTMLの色を後から追加

カラー

十六進法

橙色

#FFA500



エックス十一色

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

HTML

六角コード
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

紫色の色

ラベンダー

E6 E6 FA

230 230 250

アザミ

D8 BF D8

216 191 216

プラム

DD A0 DD

221 160 221

菫色

EE 82 EE

238 130 238

オーキッド

DA70 D6

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

HTML

六角コード
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

ライトブルー

ADD D8 E6

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

HTML

六角コード
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

タン

D2 B4 8C

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

ミントクリーム

F5 FFF FA

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

オールドレース

FDF5 E6

253 245 230

フローラルホワイト

FF FA F0

255 250 240

アイボリー

FF FF FF F0

255 255 240

アンティークホワイト

FA EB D7

250 235 215

リネン

FA F0 E6

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

選択されたウェブカラーのチャート

この表は、2002年以降にウェブデザイナーによって開発されたHTMLとX11の色と、非公式なコンセンサスウェブカラーを示しています。非公式色を使ってコードを入力する際には、色の名前を書くのではなく、その色の16進数コードを指定する必要があります。

·         みる

·         話す

·         へんしゅう

ウェブカラー(一覧

ホワイト

ねずみ色

ネイビー

蒼い

小春日和

スカイブルー

ターコイズ

あおみどり

紺碧

ティール色

シアン

青々

ライム

シャルトリューズ

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

オリーブ

黄色い

琥珀色

橙色

褐色

橙赤

あか

マルーン

薔薇

赤紫

ピンク色

マゼンタ

青紫

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ベージュ

アイボリー

菫色

アプリコット

黄土色

プラム

 

 

 

 

 

 

 

質問と回答

Q:ウェブカラーとは何ですか?


A:ウェブカラーとは、ウェブページをデザインする際に使用される色と、その色の表現方法、一覧性のことです。

Q:RGB3色で何種類の色を作ることができるのか?


A:RGBの3連色で16,777,216色の色を作ることができます。

Q:これらの色には、一般的な英語名があるのですか?


A:はい、多くの一般的な色は、一般的な英語名で選ぶこともできます。

Q:色彩値を作成するには、通常どのようなソフトウェアを使用するのですか?


A:多くの場合、カラーツールやその他のグラフィックソフトを使用して色値を作成します。

Q:オリジナルのMosaicやNetscape Navigatorのカラーリストのベースは何だったのですか?


A: MosaicとNetscape Navigatorの最初のバージョンは、どちらもX Window Systemのアプリケーションとして始まったので、X11カラーネームをカラーリストのベースとして使用しました。

Q: Webの色について、sRGBは何と関係があるのですか?


A: それぞれのウェブカラーは、単一の蛍光体セットの色度、与えられた伝達曲線、適応的なホワイトポイント、および視聴条件に関連するsRGBという独自の定義を持っています。

Q: ユーザーエージェントはどのようにしてこれらの色を正確に表示するのですか?


A: より良いユーザーエージェントは、Web-to-printアプリケーションにとって重要な、より良い色の忠実度を作り出すためにカラーマネージメントを使用しています。

AlegsaOnline.com - 2020 / 2023 - License CC3