色見本（HTMLカラーチャート）
色の見本帳
色見本を作成しました。お話は、次の順番で進みます。
色見本とは？
色見本は、印刷などのときに着色の参考に使用する資料のことです。カラーチャート、色見本帳などと呼ばれることもあります。
ホームページ制作の現場で「色見本」と言えば、色とHTMLコード属性値との対応表を指します。（HTML色見本、HTMLカラーチャート）
色見本「ブラウザ定義編」
- #ffffff
White - #fffafa
Snow - #f8f8ff
Ghost
White - #f5f5f5
White
Smoke - #fffaf0
Floral
White - #faf0e6
Linen - #faebd7
Antique
White - #ffefd5
Papaya
Whip - #ffebcd
Blanched
Alomnd - #ffe4c4
Bisque - #ffe4b5
Moccasin - #ffdead
Navajo
White - #ffdab9
Peach
Puff - #ffe4e1
Misty
Rose - #fff0f5
Lavender
Blush - #fff5ee
Seashell - #fdf5e6
OldLace - #fffff0
Ivory - #f0fff0
Honeydew - #f5fffa
Mint
Cream - #f0ffff
Azure - #f0f8ff
Alice
Blue - #e6e6fa
Lavender
- #000000
Black - #2f4f4f
Dark
Slate
Gray - #696969
Dim
Gray - #808080
Gray - #a9a9a9
Dark
Gray - #c0c0c0
Silver - #d3d3d3
LightGray - #dcdcdc
Gainsboro
- #778899
Light
Slate
Gray - #708090
Slate
Gray - #b0c4de
Light
Steel
Blue - #4682b4
Steel
Blue - #4169e1
Royal
Blue - #191970
Midnight
Blue - #000080
Navy - #00008b
Dark
Blue - #0000cd
Medium
Blue - #0000ff
Blue - #1e90ff
Dodger
Blue - #6495ed
Cornflower
Blue - #00bfff
Deep
Sky
Blue - #87cefa
Light
Sky
Blue - #87ceeb
Sky
Blue - #add8e6
Light
Blue - #b0e0e6
Powder
Blue - #afeeee
Pale
Turqoise - #e0ffff
Light
Cyan - #00ffff
Cyan - #00ffff
Aqua - #40e0d0
Turqoise - #48d1cc
Medium
Turqoise - #00ced1
Dark
Turqoise - #20b2aa
Ligh
tSea
Green - #5f9ea0
Cadet
Blue - #008b8b
Dark
Cyan - #008080
Teal
- #2e8b57
Sea
Green - #556b2f
Dark
Olive
Green - #006400
Dark
Green - #008000
Green - #228b22
Forest
Green - #3cb371
Medium
Sea
Green - #8fbc8f
DarkSea
Green - #66cdaa
Medium
Aquamarine - #7fffd4
Aquamarine - #98fb98
Pale
Green - #90ee90
Light
Green - #00ff7f
Spring
Green - #00fa9a
Medium
Spring
Green - #7cfc00
Lawn
Green - #7fff00
Chartreuse - #adff2f
Green
Yellow - #00ff00
Lime - #32cd32
Lime
Green - #9acd32
Yellow
Green - #6b8e23
Olive
Drab - #808000
Olive
- #bdb76b
Dark
Khaki - #eee8aa
Pale
Goldenrod - #fff8dc
Corn
Silk - #f5f5dc
Beige - #ffffe0
Light
Yellow - #fafad2
Light
Goldenrod
Yellow - #fffacd
Lemon
Chiffon - #f5deb3
Wheat - #deb887
Bulywood - #d2b48c
Tan - #f0e68c
Khaki
- #ffff00
Yellow - #ffd700
Gold - #ffa500
Orange - #f4a460
Sandy
Brown - #ff8c00
Dark
Orange - #daa520
Goldenrod - #cd853f
Peru - #b8860b
Dark
Goldenrod - #d2691e
Chocolate - #a0522d
Sienna - #8b4513
Saddle
Brown - #800000
Maroon
- #8b0000
Dark
Red - #a52a2a
Brown - #b22222
Fire
brick - #cd5c5c
Indian
Red - #bc8f8f
Rosy
Brown - #e9967a
Dark
Salmon - #f08080
Light
Coral - #fa8072
Salmon - #ffa07a
Light
Salmon - #ff7f50
Coral - #ff6347
Tomato - #ff4500
Orange
Red - #ff0000
Red - #dc143c
Crimson
- #c71585
Medium
Violet
Red - #ff1493
Deep
Pink - #ff69b4
Hot
Pink - #db7093
Pale
Violet
Red - #ffc0cb
Pink - #ffb6c1
Light
Pink
- #d8bfd8
Thistle - #ff00ff
Magenta - #ff00ff
Fuchsia - #ee82ee
Violet - #dda0dd
Plum - #da70d6
Orchid - #ba55d3
Medium
Orchid - #9932cc
Dark
Orchid - #9400d3
Dark
Violet - #8b008b
Dark
Magenta - #800080
Purple - #4b0082
Indigo - #483d8b
Dark
Slate
Blue - #8a2be2
Blue
Violet - #9370db
Medium
Purple - #6a5acd
Slate
Blue - #7b68ee
Medium
Slate
Blue
次回予告
次回は、少なすぎるので、無料Web素材を増やそうかと思っております。
関連記事
配色に関連する記事を、ご紹介します。
1：ブログでの配色
作成日：2008/02/21 更新日：2008/02/21
« 「ブログの配色とSD法」｜
コメントありがとうございます。
コメントの投稿
トラックバック
http://kumacrow.blog111.fc2.com/tb.php/191-dbd7670e
