十数年前、WEB1.0の頃に作っていたサイトはメモ帳打ちでした。
そんな時使っていた、どっからか拾ってきたカラーサンプル。
HTMLは16進表記のほかに、white等の決まった文字表記でも対応していたので利用。
今もよく使うので、載せておこうと思う。
★上記の画像のように、PDF形式でも作った。(元はコピー機での色の出方を見たいため)
【A4サイズ 2ページ (color-pallet) (34.5kb)】
★カラーサンプル。16進表記は、画面キャプチャしてPhotoshopで調べた数値。
white #FFFFFF |
honeydew #f0fff0 |
midnightblue #191970 |
darkturquoise #00ced1 |
snow #fffafa |
mintcream #f5fffa |
navy #000080 |
lightseagreen #20b2aa |
ghostwhite #f8f8ff |
azure #f0ffff |
darkblue #00008b |
cadetblue #5f9ea0 |
whitesmoke #f5f5f5 |
aliceblue f0f8ff |
mediumblue #0000cd |
darkcyan #008b8b |
floralwhite #fffaf0 |
lavender #e6e6fa |
blue #0000ff |
teal #008080 |
linen #faf0e6 |
black #000000 |
dodgerblue #1e90ff |
seagreen #2e8b57 |
antiquewhite #faebd7 |
darkslategray #2f4f4f |
cornflowerblue #6495ed |
darkolivegreen #556b2f |
papayawhip #ffefd5 |
dimgray #696969 |
deepskyblue #00bfff |
darkgreen #006400 |
blanchedalmond #ffebcd |
gray #808080 |
lightskyblue #87cefa |
green #008000 |
bisque #ffe4c4 |
darkgray #a9a9a9 |
skyblue #87ceeb |
forestgreen #228b22 |
moccasin #ffe4b5 |
silver #c0c0c0 |
lightblue #add8e6 |
mediumseagreen #3cb371 |
navajowhite #ffdead |
lightgrey #d3d3d3 |
powderblue #b0e0e6 |
darkseagreen #8fbc8f |
peachpuff #ffdab9 |
gainsboro #dcdcdc |
paleturquoise #afeeee |
mediumaquamarine #66cdaa |
mistyrose #ffdab9 |
lightslategray #778899 |
lightcyan #e0ffff |
aquamarine #7fffd4 |
lavenderblush #fff0f5 |
slategray #708090 |
cyan #00ffff |
palegreen #98fb98 |
seashell fff5ee |
lightsteelblue #b0c4de |
aqua #00ffff |
lightgreen #90ee90 |
oldlace #fdf5e6 |
steelblue #4682b4 |
turquoise #40e0d0 |
springgreen #00ff7f |
ivory #fffff0 |
royalblue #4169e1 |
mediumturquoise #48d1cc |
mediumspringgreen #00fa9a |
lawngreen #7cfc00 |
khaki #f0e68c |
darksalmon #e9967a |
violet #ee82ee |
chartreuse #7fff00 |
yellow #ffff00 |
lightcoral #f08080 |
plum #dda0dd |
greenyellow #adff2f |
gold #ffd700 |
salmon #fa8072 |
orchid #da70d6 |
lime #00ff00 |
orange #ffa500 |
lightsalmon #ffa07a |
mediumorchid #ba55d3 |
limegreen #32cd32 |
sandybrown #f4a460 |
coral #ff7f50 |
darkorchid #9932cc |
yellowgreen #9acd32 |
darkorange #ff8c00 |
tomato #ff6347 |
darkviolet #9400d3 |
olivedrab #6b8e23 |
goldenrod #daa520 |
orangered #ff4500 |
darkmagenta #8b008b |
olive #808000 |
peru #cd853f |
red #ff0000 |
purple #800080 |
darkkhaki #bdb76b |
darkgoldenrod #b8860b |
crimson #dc143c |
indigo #4b0082 |
palegoldenrod #eee8aa |
chocolate #d2691e |
mediumvioletred #c71585 |
darkslateblue #483d8b |
cornsilk #fff8dc |
sienna #a0522d |
deeppink #ff1493 |
blueviolet #8a2be2 |
beige #f5f5dc |
saddlebrown #8b4513 |
hotpink #ff69b4 |
mediumpurple #9370db |
lightyellow #ffffe0 |
maroon #800000 |
palevioletred #db7093 |
slateblue #6a5acd |
lightgoldenrodyellow #fafad2 |
darkred #8b0000 |
pink #ffc0cb |
mediumslateblue #7b68ee |
lemonchiffon #fffacd |
brown #a52a2a |
lightpink #ffb6c1 |
|
wheat #f5deb3 |
firebrick #b22222 |
thistle #d8bfd8 |
|
burlywood #deb887 |
indianred #cd5c5c |
magenta #ff00ff |
|
tan #d2b48c |
rosybrown #bc8f8f |
fuchsia #ff00ff |
それ系のサイトのデザイン勉強してこよう・・・