BLOG

ブラウザでカラー名が定義されている140色とWebセーフカラー216色

2022.7.12

ブラウザでカラー名が定義されている147色とWebセーフカラー216色

ブログなどで文字の色を変えたり、背景色を変えたりする際に便利なブラウザで定義されているカラー名の147色とWebセーフカラーの216色を紹介します。

カラー名は一般的なブラウザが対応している色名です。

またWebセーフカラーはMacintoshとWindowsで異なる40色を除いた216色のことを指します。

このカラーを使用すればブラウザやOSの違いによって生じる色の違いを少なくすることができます。

こんな人にオススメ

  • ブログを書いている初心者~中級者
  • WordPressでブログを書いている初心者~中級者

カラーネーム147色

ホワイト系~ブラック系

white
#FFFFFF
255:255:255
whitesmoke
#F5F5F5
245:245:245
gainsboro
#DCDCDC
220:220:220
lightgrey
#D3D3D3
211:211:211
lightgray
#D3D3D3
211:211:211
silver
#C0C0C0
192:192:192
darkgray
#A9A9A9
169:169:169
darkgrey
#A9A9A9
169:169:169
gray
#808080
128:128:128
grey
#808080
128:128:128
dimgray
#696969
105:105:105
dimgrey
#696969
105:105:105
black
#000000
0:0:0
   

レッド系

snow
#FFFAFA
255:250:250
seashell
#FFF5EE
255:245:238
lavenderblush
#FFF0F5
255:240:245
mistyrose
#FFE4E1
255:228:225
antiquewhite
#FAEBD7
250:235:215
lightpink
#FFB6C1
255:182:193
pink
#FFC0CB
255:192:203
rosybrown
#BC8F8F
188:143:143
hotpink
#FF69B4
255:105:180
deeppink
#FF1493
255:20:147
lightsalmon
#FFA07A
255:160:122
salmon
#FA8072
250:128:114
darksalmon
#E9967A
233:150:122
lightcoral
#F08080
240:128:128
coral
#FF7F50
255:127:80
tomato
#FF6347
255:99:71
indianred
#CD5C5C
205:92:92
orangered
#FF4500
255:69:0
red
#FF0000
255:0:0
crimson
#DC143C
220:20:60
firebrick
#B22222
178:34:34
brown
#A52A2A
165:42:42
darkred
#8B0000
139:0:0
maroon
#800000
128:0:0
saddlebrown
#8B4513
139:69:19
sienna
#A0522D
160:82:45
chocolate
#D2691E
210:105:30
peru
#CD853F
205:133:63
burlywood
#DEB887
222:184:135
tan
#D2B48C
210:180:140
  

オレンジ・イエロー系

ivory
#FFFFF0
255:255:240
linen
#FAF0E6
250:240:230
oldlace
#FDF5E6
253:245:230
cornsilk
#FFF8DC
255:248:220
lightyellow
#FFFFE0
255:255:224
beige
#F5F5DC
245:245:220
lightgoldenrodyellow
#FAFAD2
250:250:210
lemonchiffon
#FFFACD
255:250:205
blanchedalmond
#FFEBCD
255:235:205
bisque
#FFE4C4
255:228:196
peachpuff
#FFDAB9
255:218:185
moccasin
#FFE4B5
255:228:181
navajowhite
#FFDEAD
255:222:173
wheat
#F5DEB3
245:222:179
palegoldenrod
#EEE8AA
238:232:170
khaki
#F0E68C
240:230:140
sandybrown
#F4A460
244:164:96
yellow
#FFFF00
255:255:0
gold
#FFD700
255:215:0
orange
#FFA500
255:165:0
darkorange
#FF8C00
255:140:0
darkgoldenrod
#B8860B
184:134:11
goldenrod
#DAA520
218:165:32
darkkhaki
#BDB76B
189:183:107

グリーン系

azure
#F0FFFF
240:255:255
honeydew
#F0FFF0
240:255:240
mintcream
#F5FFFA
245:255:250
palegreen
#98FB98
152:251:152
lightgreen
#90EE90
144:238:144
palegreen
#98FB98
152:251:152
yellowgreen
#9ACD32
154:205:50
greenyellow
#ADFF2F
173:255:47
lawngreen
#7CFC00
124:252:0
chartreuse
#7FFF00
127:255:0
lime
#00FF00
0:255:0
springgreen
#00FF7F
0:255:127
mediumspringgreen
#00FA9A
0:255:154
limegreen
#32CD32
50:205:50
mediumseagreen
#3CB371
60:179:113
seagreen
#2E8B57
46:139:87
forestgreen
#228B22
34:139:34
green
#008000
0:128:0
darkgreen
#006400
0:100:0
olivedrab
#6B8E23
107:142:35
darkolivegreen
#556B2F
85:107:47
olive
#808000
128:128:0
darkseagreen
#8FBC8F
143:188:143
mediumaquamarine
#66CDAA
102:205:170
turquoise
#40E0D0
64:224:208
lightseagreen
#20B2AA
32:178:170
darkcyan
#008B8B
0:139:139
teal
#008080
0:128:128
cadetblue
#5F9EA0
102:205:170
darkslategray
#2F4F4F
47:79:79
darkslategrey
#2F4F4F
47:79:79
 

ブルー系

mediumorchid
#BA55D3
186:85:211
lightslategray
#778899
119:136:153
lightslategrey
#778899
119:136:153
ghostwhite
#F8F8FF
248:248:255
aliceblue
#F0F8FF
240:248:255
papayawhite
#FFEFD5
floralwhite
#FFFAF0
indigo
#4B0082
cornflowerblue
#6495ED
slateblue
#6A5ACD
slategray
#708090
slategrey
#708090
aquamarine
#7FFFD4
lightskyblue
#87CEFA
mediumturquoise
#48D1CC
blueviolet
#8A2BE2
darkmagenta
#8B008B
darkviolet
#9400D3
darkviolet
#9400D3
mediumpurple
#9370DB
darkorchid
#9932CC
lavendar
#E6E6FA
lightcyan
#E0FFFF
powderblue
#B0E0E6
lightsteelblue
#B0C4DE
paleturquoise
#AFEEEE
lightblue
#ADD8E6
mediumpurple
#9370DB
skyblue
#87CEEB
mediumslateblue
#7B68EE
darkslateblue
#483D8B
steelblue
#4682B4
royalblue
#4169E1
dodgerblue
#1E90FF
midnightblue
#191970
cyan
#00FFFF
aqua
#00FFFF
darkturquoise
#00CED1
deepskyblue
#00BFFF
blue
#0000FF
mediumblue
#0000CD
darkblue
#00008B
navy
#000080

パープル系

thistle
#D8BFD8
216:191:216
plum
#DDA0DD
221:160:221
violet
#EE82EE
238:130:238
orchid
#DA70D6
218:112:214
magenta
#FF00FF
255:0:255
fuchsia
#FF00FF
255:0:255
purple
#800080
128:0:128
mediumvioletred
#C71585
199:21:133
palevioletred
#DB7093
219:112:147

Webセーフカラー216色

#FFFFFF#FFFFCC#FFFF99#FFFF66#FFFF33#FFFF00
#FFCCFF#FFCCCC#FFCC99#FFCC66#FFCC33#FFCC00
#FF99FF#FF99CC#FF9999#FF9966#FF9933#FF9900
#FF66FF#FF66CC#FF6699#FF6666#FF6633#FF6600
#FF33FF#FF33CC#FF3399#FF3366#FF3333#FF3300
#FF00FF#FF00CC#FF0099#FF0066#FF0033#FF0000
#CCFFFF#CCFFCC#CCFF99#CCFF66#CCFF33#CCFF00
#CCCCFF#CCCCCC#CCCC99#CCCC66#CCCC33#CCCC00
#CC99FF#CC99CC#CC9999#CC9966#CC9933#CC9900
#CC66FF#CC66CC#CC6699#CC6666#CC6633#CC6600
#CC33FF#CC33CC#CC3399#CC3366#CC3333#CC3300
#CC00FF#CC00CC#CC0099#CC0066#CC0033#CC0000
#99FFFF#99FFCC#99FF99#99FF66#99FF33#99FF00
#99CCFF#99CCCC#99CC99#99CC66#99CC33#99CC00
#9999FF#9999CC#999999#999966#999933#999900
#9966FF#9966CC#996699#996666#996633#996600
#9933FF#9933CC#993399#993366#993333#993300
#9900FF#9900CC#990099#990066#990033#990000
#66FFFF#66FFCC#66FF99#66FF66#66FF33#66FF00
#66CCFF#66CCCC#66CC99#66CC66#66CC33#66CC00
#6699FF#6699CC#669999#669966#669933#669900
#6666FF#6666CC#666699#990066#666633#666600
#6633FF#6633CC#663399#663366#663333#663300
#6600FF#6600CC#660099#660066#660033#660000
#33FFFF#33FFCC#33FF99#33FF66#33FF33#33FF00
#33CCFF#33CCCC#33CC99#33CC66#33CC33#33CC00
#3399FF#3399CC#339999#339966#339933#339900
#3366FF#3366CC#336699#336666#336633#336600
#3333FF#3333CC#333399#333366#333333#333300
#3300FF#3300CC#330099#330066#330033#330000
#00FFFF#00FFCC#00FF99#00FF66#00FF33#00FF00
#00CCFF#00CCCC#00CC99#00CC66#00CC33#00CC00
#0099FF#0099CC#009999#009966#009933#009900
#0066FF#0066CC#006699#006666#006633#006600
#0033FF#0033CC#003399#003366#003333#003300
#0000FF#0000CC#000099#000066#000033#000000
  • この記事を書いた人

COSSY

40代の会社員。妻と小学生と保育園児の2人の子どもの4人で生活しています。 副業としてブログなどで月10~15万円程を稼ぎ、これまでに累計400万円を稼いできました。 ブログでの副業の仕方、節約の仕方などを発信しています。

-BLOG