血統の森+はてな

旧はてなダイアリーの自動インポートによるアーカイブです。

CSS3カラーチャート

色の学習も兼ねて、作って見ました。大雑把には分類できたと思うけど、細かい所が怪しい…(見栄え的な意味で)。

CSS3での名称 10進
R/G/B
snow 255 250 250
floralwhite 255 250 240
ivory 255 255 240
honeydew 240 255 240
azure 240 255 255
lightcyan 224 255 255
aliceblue 240 248 255
lavenderblush 255 240 245
seashell 255 245 238
linen 250 240 230
antiquewhite 250 235 215
blanchedalmond 255 235 205
papayawhip 255 239 213
oldlace 253 245 230
cornsilk 255 248 220
lemonchiffon 255 250 205
lightgoldenrodyellow 250 250 210
lightyellow 255 255 224
beige 245 245 220
ghostwhite 248 248 255
mintcream 245 255 250
lavender 230 230 250
mistyrose 255 228 225
peachpuff 255 218 185
bisque 255 228 196
navajowhite 255 222 173
moccasin 255 228 181
wheat 245 222 179
palegoldenrod 238 232 170
palegreen 152 251 152
paleturquoise 175 238 238
powderblue 176 224 230
lightblue 173 216 230
lightsteelblue 176 196 222
thistle 216 191 216
pink 255 192 203
lightpink 255 182 193
lightcoral 240 128 128
salmon 250 128 114
darksalmon 233 150 122
lightsalmon 255 160 122
burlywood 222 184 135
khaki 240 230 140
lightgreen 144 238 144
aquamarine 127 255 212
skyblue 135 206 235
lightskyblue 135 206 250
plum 221 160 221
violet 238 130 238
CSS3での名称 10進
R/G/B
indianred 205  92  92
peru 205 133  63
tan 210 180 140
darkkhaki 189 183 107
mediumaquamarine 102 205 170
mediumturquoise  72 209 204
turquoise  64 224 208
cornflowerblue 100 149 237
royalblue  65 105 225
mediumslateblue 123 104 238
blueviolet 138  43 226
slateblue 106  90 205
mediumpurple 147 112 219
mediumorchid 186  85 211
orchid 218 112 214
palevioletred 219 112 147
red 255   0   0
orangered 255  69   0
tomato 255  99  71
coral 255 127  80
darkorange 255 140   0
orange 255 165   0
gold 255 215   0
yellow 255 255   0
greenyellow 173 255  47
chartreuse 127 255   0
lawngreen 124 252   0
lime   0 255   0
springgreen   0 255 127
mediumspringgreen   0 250 154
cyan (*3)   0 255 255
darkturquoise   0 206 209
deepskyblue   0 191 255
dodgerblue  30 144 255
blue   0   0 255
mediumblue   0   0 205
darkviolet 148   0 211
magenta (*2) 255   0 255
deeppink 255  20 147
hotpink 255 105 180
CSS3での名称 10進
R/G/B
firebrick 178  34  34
brown 165  42  42
sienna 160  82  45
chocolate 210 105  30
darkgoldenrod 184 134  11
goldenrod 218 165  32
yellowgreen 154 205  50
limegreen  50 205  50
mediumseagreen  60 179 113
lightseagreen  32 178 170
steelblue  70 130 180
darkslateblue  72  61 139
darkorchid 153  50 204
mediumvioletred 199  21 133
crimson 220  20  60
darkred 139   0   0
maroon 128   0   0
saddlebrown 139  69  19
olive 128 128   0
olivedrab 107 142  35
darkolivegreen  85 107  47
forestgreen  34 139  34
green   0 128   0
darkgreen   0 100   0
seagreen  46 139  87
darkcyan   0 139 139
teal   0 128 128
darkblue   0   0 139
midnightblue  25  25 112
navy   0   0 128
indigo  75   0 130
darkmagenta 139   0 139
purple 128   0 128
rosybrown 188 143 143
darkseagreen 143 188 143
darkslategray (*1)  47  79  79
cadetblue  95 158 160
lightslategray (*1) 119 136 153
slategray (*1) 112 128 144
white 255 255 255
whitesmoke 245 245 245
gainsboro 220 220 220
lightgray (*1) 211 211 211
silver 192 192 192
darkgray (*1) 169 169 169
gray (*1) 128 128 128
dimgray (*1) 105 105 105
black   0   0   0
  • (*1) greyの綴りも受け付ける
  • (*2) 別名でfuchsia
  • (*3) 別名でaqua