ウェブカラー全色組み合わせ配色一覧
色見本帳・カラー辞典

各カラー右の「文字色」または「背景色」をクリックすると、全色の配色・組み合わせをご覧いただけます。画面解像度1920×1080以上で、全画面表示(切り替えは「F11」キー)でご覧頂くと、全色の組み合わせを表示できます。sitemap
ウェブカラーの省略入力(簡易ウェブカラー)

ウェブカラーの利点
  • 「ウェブセーフカラー」よりも色彩豊かで色に偏りが無い。
  • 16進数などの英数のほか、英単語の色名で指定できるので、色のイメージが湧きやすい。
  • 英語の色名と英単語を覚えられ知識が広がる。
ウェブカラーの欠点
  • 色名で指定する場合、長い色名や、日本でカタカナ浸透していない色名の場合、スペルミスが起き易い。
    また色名が、日本ではマイナーな色名や英単語からとられていて、色名から色を想像できないウェブカラーも存在する。
  • 16進数で色指定する場合、ウェブセーフカラーに比べて「省略入力」できる色が圧倒的に少なく誤入力が起き易い。
ウェブカラー基本16色+1色 一覧
色名 16進数 10進数 使用
してみる
非省略 省略
White FFFFFF FFF 255 255 255 文字色背景色
Silver C0C0C0 192 192 192 文字色背景色
Gray 808080 128 128 128 文字色背景色
Black 000000 000   0   0   0 文字色背景色
Red FF0000 F00 255   0   0 文字色背景色
Maroon 800000 128   0   0 文字色背景色
Yellow FFFF00 FF0 255 255   0 文字色背景色
Olive 808000 128 128   0 文字色背景色
Lime 00FF00 0F0   0 255   0 文字色背景色
Green 008000   0 128   0 文字色背景色
Aqua 00FFFF 0FF   0 255 255 文字色背景色
Teal 008080   0 128 128 文字色背景色
Blue 0000FF 00F   0   0 255 文字色背景色
Navy 000080   0   0 128 文字色背景色
Fuchsia FF00FF F0F 255   0 255 文字色背景色
Purple 800080 128   0 128 文字色背景色
Orange FFA500 255 165   0 文字色背景色
赤色系のウェブカラー色 リスト一覧
IndianRed CD 5C 5C 205  92  92 文字色背景色
LightCoral F0 80 80 240 128 128 文字色背景色
Salmon FA 80 72 250 128 114 文字色背景色
DarkSalmon E9 96 7A 233 150 122 文字色背景色
LightSalmon FF A0 7A 255 160 122 文字色背景色
Crimson DC 14 3C 220  20  60 文字色背景色
Red FF 00 00 255   0   0 文字色背景色
FireBrick B2 22 22 178  34  34 文字色背景色
DarkRed 8B 00 00 139   0   0 文字色背景色
ピンク色系のウェブカラー色 リスト一覧
Pink FF C0 CB 255 192 203 文字色背景色
LightPink FF B6 C1 255 182 193 文字色背景色
HotPink FF 69 B4 255 105 180 文字色背景色
DeepPink FF 14 93 255  20 147 文字色背景色
MediumVioletRed C7 15 85 199  21 133 文字色背景色
PaleVioletRed DB 70 93 219 112 147 文字色背景色
オレンジ色系のウェブカラー色 リスト一覧
LightSalmon FF A0 7A 255 160 122 文字色背景色
Coral FF 7F 50 255 127  80 文字色背景色
Tomato FF 63 47 255  99  71 文字色背景色
OrangeRed FF 45 00 255  69   0 文字色背景色
DarkOrange FF 8C 00 255 140   0 文字色背景色
Orange FF A5 00 255 165   0 文字色背景色
黄色系のウェブカラー色 リスト一覧
Gold FF D7 00 255 215   0 文字色背景色
Yellow FF FF 00 255 255   0 文字色背景色
LightYellow FF FF E0 255 255 224 文字色背景色
LemonChiffon FF FA CD 255 250 205 文字色背景色
LightGoldenrodYellow FA FA D2 250 250 210 文字色背景色
PapayaWhip FF EF D5 255 239 213 文字色背景色
Moccasin FF E4 B5 255 228 181 文字色背景色
PeachPuff FF DA B9 255 218 185 文字色背景色
PaleGoldenrod EE E8 AA 238 232 170 文字色背景色
Khaki F0 E6 8C 240 230 140 文字色背景色
DarkKhaki BD B7 6B 189 183 107 文字色背景色
紫色系のウェブカラー色 リスト一覧
Lavender E6 E6 FA 230 230 250 文字色背景色
Thistle D8 BF D8 216 191 216 文字色背景色
Plum DD A0 DD 221 160 221 文字色背景色
Violet EE 82 EE 238 130 238 文字色背景色
Orchid DA 70 D6 218 112 214 文字色背景色
Fuchsia FF 00 FF 255   0 255 文字色背景色
Magenta FF 00 FF 255   0 255 文字色背景色
MediumOrchid BA 55 D3 186  85 211 文字色背景色
MediumPurple 93 70 DB 147 112 219 文字色背景色
Amethyst 99 66 CC 153 102 204 文字色背景色
BlueViolet 8A 2B E2 138  43 226 文字色背景色
DarkViolet 94 00 D3 148   0 211 文字色背景色
DarkOrchid 99 32 CC 153  50 204 文字色背景色
DarkMagenta 8B 00 8B 139   0 139 文字色背景色
Purple 80 00 80 128   0 128 文字色背景色
Indigo 4B 00 82  75   0 130 文字色背景色
SlateBlue 6A 5A CD 106  90 205 文字色背景色
DarkSlateBlue 48 3D 8B  72  61 139 文字色背景色
MediumSlateBlue 7B 68 EE 123 104 238 文字色背景色
緑色系のウェブカラー色 リスト一覧
GreenYellow AD FF 2F 173 255  47 文字色背景色
Chartreuse 7F FF 00 127 255   0 文字色背景色
LawnGreen 7C FC 00 124 252   0 文字色背景色
Lime 00 FF 00   0 255   0 文字色背景色
LimeGreen 32 CD 32  50 205  50 文字色背景色
PaleGreen 98 FB 98 152 251 152 文字色背景色
LightGreen 90 EE 90 144 238 144 文字色背景色
MediumSpringGreen 00 FA 9A   0 250 154 文字色背景色
SpringGreen 00 FF 7F   0 255 127 文字色背景色
MediumSeaGreen 3C B3 71  60 179 113 文字色背景色
SeaGreen 2E 8B 57  46 139  87 文字色背景色
ForestGreen 22 8B 22  34 139  34 文字色背景色
Green 00 80 00   0 128   0 文字色背景色
DarkGreen 00 64 00   0 100   0 文字色背景色
YellowGreen 9A CD 32 154 205  50 文字色背景色
OliveDrab 6B 8E 23 107 142  35 文字色背景色
Olive 80 80 00 128 128   0 文字色背景色
DarkOliveGreen 55 6B 2F  85 107  47 文字色背景色
MediumAquamarine 66 CD AA 102 205 170 文字色背景色
DarkSeaGreen 8F BC 8F 143 188 143 文字色背景色
LightSeaGreen 20 B2 AA  32 178 170 文字色背景色
DarkCyan 00 8B 8B   0 139 139 文字色背景色
Teal 00 80 80   0 128 128 文字色背景色
青色系のウェブカラー色 リスト一覧
Aqua 00 FF FF   0 255 255 文字色背景色
Cyan 00 FF FF   0 255 255 文字色背景色
LightCyan E0 FF FF 224 255 255 文字色背景色
PaleTurquoise AF EE EE 175 238 238 文字色背景色
Aquamarine 7F FF D4 127 255 212 文字色背景色
Turquoise 40 E0 D0  64 224 208 文字色背景色
MediumTurquoise 48 D1 CC  72 209 204 文字色背景色
DarkTurquoise 00 CE D1   0 206 209 文字色背景色
CadetBlue 5F 9E A0  95 158 160 文字色背景色
SteelBlue 46 82 B4  70 130 180 文字色背景色
LightSteelBlue B0 C4 DE 176 196 222 文字色背景色
PowderBlue B0 E0 E6 176 224 230 文字色背景色
LightBlue AD D8 E6 173 216 230 文字色背景色
SkyBlue 87 CE EB 135 206 235 文字色背景色
LightSkyBlue 87 CE FA 135 206 250 文字色背景色
DeepSkyBlue 00 BF FF   0 191 255 文字色背景色
DodgerBlue 1E 90 FF  30 144 255 文字色背景色
CornflowerBlue 64 95 ED 100 149 237 文字色背景色
MediumSlateBlue 7B 68 EE 123 104 238 文字色背景色
RoyalBlue 41 69 E1  65 105 225 文字色背景色
Blue 00 00 FF   0   0 255 文字色背景色
MediumBlue 00 00 CD   0   0 205 文字色背景色
DarkBlue 00 00 8B   0   0 139 文字色背景色
Navy 00 00 80   0   0 128 文字色背景色
MidnightBlue 19 19 70  25  25 112 文字色背景色
茶色系のウェブカラー色 リスト一覧
Cornsilk FF F8 DC 255 248 220 文字色背景色
BlanchedAlmond FF EB CD 255 235 205 文字色背景色
Bisque FF E4 C4 255 228 196 文字色背景色
NavajoWhite FF DE AD 255 222 173 文字色背景色
Wheat F5 DE B3 245 222 179 文字色背景色
BurlyWood DE B8 87 222 184 135 文字色背景色
Tan D2 B4 8C 210 180 140 文字色背景色
RosyBrown BC 8F 8F 188 143 143 文字色背景色
SandyBrown F4 A4 60 244 164  96 文字色背景色
Goldenrod DA A5 20 218 165  32 文字色背景色
DarkGoldenrod B8 86 0B 184 134  11 文字色背景色
Peru CD 85 3F 205 133  63 文字色背景色
Chocolate D2 69 1E 210 105  30 文字色背景色
SaddleBrown 8B 45 13 139  69  19 文字色背景色
Sienna A0 52 2D 160  82  45 文字色背景色
Brown A5 2A 2A 165  42  42 文字色背景色
Maroon 80 00 00 128   0   0 文字色背景色
白色系のウェブカラー色 リスト一覧
White FF FF FF 255 255 255 文字色背景色
Snow FF FA FA 255 250 250 文字色背景色
Honeydew F0 FF F0 240 255 240 文字色背景色
MintCream F5 FF FA 245 255 250 文字色背景色
Azure F0 FF FF 240 255 255 文字色背景色
AliceBlue F0 F8 FF 240 248 255 文字色背景色
GhostWhite F8 F8 FF 248 248 255 文字色背景色
WhiteSmoke F5 F5 F5 245 245 245 文字色背景色
Seashell FF F5 EE 255 245 238 文字色背景色
Beige F5 F5 DC 245 245 220 文字色背景色
OldLace FD F5 E6 253 245 230 文字色背景色
FloralWhite FF FA F0 255 250 240 文字色背景色
Ivory FF FF F0 255 255 240 文字色背景色
AntiqueWhite FA EB D7 250 235 215 文字色背景色
Linen FA F0 E6 250 240 230 文字色背景色
LavenderBlush FF F0 F5 255 240 245 文字色背景色
MistyRose FF E4 E1 255 228 225 文字色背景色
グレー灰色黒系のウェブカラー色 リスト一覧
Gainsboro DC DC DC 220 220 220 文字色背景色
LightGrey D3 D3 D3 211 211 211 文字色背景色
Silver C0 C0 C0 192 192 192 文字色背景色
DarkGray A9 A9 A9 169 169 169 文字色背景色
Gray 80 80 80 128 128 128 文字色背景色
DimGray 69 69 69 105 105 105 文字色背景色
LightSlateGray 77 88 99 119 136 153 文字色背景色
SlateGray 70 80 90 112 128 144 文字色背景色
DarkSlateGray 2F 4F 4F  47  79  79 文字色背景色
Black 00 00 00   0   0   0 文字色背景色

inserted by FC2 system