便利eelife TOPへ Color Room TOPへ ColorRoomトップ 便利eelifeトップ

 色見本 基本の色 16色、216色140色

16色 定義済みの色の名前

HTML3.2, CSS1,CSS2では16の色の名前が定義されています。これらの名前は、IE2.0 や Netscape Navigator 2.0 でも使用することができます。

#FF0000 red #00FF00 lime #0000FF blue #000000 black
#808080 gray #C0C0C0 silver #FFFFFF white #800000 maroon
#008000 green #000080 navy #800080 purple #808000 olive
#008080 teal #FFFF00 yellow #FF00FF fuchsia #00FFFF aqua

カラーパレットをクリックすると背景がその色になります。

サンプル
<P style="color : fuchsia">スタイルシ−ト</P>     ⇒

スタイルシ−ト

<P style="background-color : aqua;">スタイルシ−ト</P>     ⇒

スタイルシ−ト

<P style="color : yellow;background-color : navy;">スタイルシ−ト</P>     ⇒ スタイルシ−ト
<FONT color="green">■HTML3.2</FONT>     ⇒ ■HTML3.2
<FONT color="red">■HTML3.2</FONT>     ⇒ ■HTML3.2



216色 ウェブセーフカラー(安全色)

Windows や Macintosh などの異なるOSでも色化けをする事なく表示することができるのが、このウェブセーフカラー216色です。

ウェブセーフカラーは,RGB値、赤(R)緑(G)、藍(B)それぞれ0〜255の256段階で
色を表示している数値(カラースライダー参考)を6段階にしたものです。その6段階の数値は 10進数で0から51ずつ増加した数値(0,51,102,153,204,255)
16進数では(0,33、66,99,CC,FF)になります。これらは割合でいうと "20%" になります。216色はRGB の各数値を 20% ずつ上げていった値を組み合わせて表示しています。

216色   6段階の数値
10進数 0 51 102 153 204 255
16進数 0 33 66 99 CC FF
割合値 0% 20% 40% 60% 80% 100%
10進数=>16進数
  =>

赤(R)が00
(G)(B) 00 33 66 99 cc ff
00 black #000000 #000033 #000066 #000099 #0000cc blue #0000ff
33 #003300 #003333 #003366 #003399 #0033cc #0033ff
66 #006600 #006633 #006666 #006699 #0066cc #0066ff
99 #009900 #009933 #009966 #009999 #0099cc #0099ff
cc #00cc00 #00cc33 #00cc66 #00cc99 #00cccc #00ccff
ff lime #00ff00 #00ff33 #00ff66 #00ff99 #00ffcc aqua #00ffff
赤(R)が33
(G)(B) 00 33 66 99 cc ff
00 #330000 #330033 #330066 #330099 #3300cc #3300ff
33 #333300 #333333 #333366 #333399 #3333cc #3333ff
66 #336600 #336633 #336666 #336699 #3366cc #3366ff
99 #339900 #339933 #339966 #339999 #3399cc #3399ff
cc #33cc00 #33cc33 #33cc66 #33cc99 #33cccc #33ccff
ff #33ff00 #33ff33 #33ff66 #33ff99 #33ffcc #33ffff
赤(R)が66
(G)(B) 00 33 66 99 cc ff
00 #660000 #660033 #660066 #660099 #6600cc #6600ff
33 #663300 #663333 #663366 #663399 #6633cc #6633ff
66 #666600 #666633 #666666 #666699 #6666cc #6666ff
99 #669900 #669933 #669966 #669999 #6699cc #6699ff
cc #66cc00 #66cc33 #66cc66 #66cc99 #66cccc #66ccff
ff #66ff00 #66ff33 #66ff66 #66ff99 #66ffcc #66ffff
赤(R)が99
G)(B 00 33 66 99 cc ff
00 #990000 #990033 #990066 #990099 #9900cc #9900ff
33 #993300 #993333 #993366 #993399 #9933cc #9933ff
66 #996600 #996633 #996666 #996699 #9966cc #9966ff
99 #999900 #999933 #999966 #999999 #9999cc #9999ff
cc #99cc00 #99cc33 #99cc66 #99cc99 #99cccc #99ccff
ff #99ff00 #99ff33 #99ff66 #99ff99 #99ffcc #99ffff
赤(R)がcc
G)(B 00 33 66 99 cc ff
00 #cc0000 #cc0033 #cc0066 #cc0099 #cc00cc #cc00ff
33 #cc3300 #cc3333 #cc3366 #cc3399 #cc33cc #cc33ff
66 #cc6600 #cc6633 #cc6666 #cc6699 #cc66cc #cc66ff
99 #cc9900 #cc9933 #cc9966 #cc9999 #cc99cc #cc99ff
cc #cccc00 #cccc33 #cccc66 #cccc99 #cccccc #ccccff
ff #ccff00 #ccff33 #ccff66 #ccff99 #ccffcc #ccffff
赤(R)がff
G)(B 00 33 66 99 cc ff
00 red #ff0000 #ff0033 #ff0066 #ff0099 #ff00cc fuchsia #ff00ff
33 #ff3300 #ff3333 #ff3366 #ff3399 #ff33cc #ff33ff
66 #ff6600 #ff6633 #ff6666 #ff6699 #ff66cc #ff66ff
99 #ff9900 #ff9933 #ff9966 #ff9999 #ff99cc #ff99ff
cc #ffcc00 #ffcc33 #ffcc66 #ffcc99 #ffcccc #ffccff
ff yellow #ffff00 #ffff33 #ffff66 #ffff99 #ffffcc 1white #ffffff



Netscape140色  色の名前

名前順に並べてます。

ALICEBLUE #F0F8FF
ANTIQUEWHITE #FAEBD7
AQUA #00FFFF
AQUAMARINE #7FFFD4
AZURE #F0FFFF
BEIGE #F5F5DC
BISQUE #FFE4C4
BLACK #000000
BLANCHEDALMOND #FFEBCD
BLUE #0000FF
BLUEVIOLET #8A2BE2
BROWN #A52A2A
BURLYWOOD #DEB887
CADETBLUE #5F9EA0
CHARTREUSE #7FFF00
CHOCOLATE #D2691E
CORAL #FF7F50
CORNFLOWERBLUE #6495ED
CORNSILK #FFF8DC
CRIMSON #DC143C
CYAN #00FFFF
DARKBLUE #00008B
DARKCYAN #008B8B
DARKGOLDENROD #B8860B
DARKGRAY #A9A9A9
DARKGREEN #006400
DARKKHAKI #BDB76B
DARKMAGEBTA #8B008B
DARKOLIVEGREEN #556B21
DARKORANGE #FF8C00
DARKORCHID #9932CC
DARKRED #8B0000
DARKSALMON #E9967A
DARKSEAGREEN #8FBC8F
DARKSLATEBLUE #483D8B
DARKSLATEGRAY #2F4F4F
DARKTURQUOISE #00CED1
DARKVIOLET #9400D3
DEEPPINK #FF1493
DEEPSKYBLUE #00BFFF
DIMGRAY #696969
DODGERBLUE #1E90FF
FIREBRICK #B22222
FLORALWHITE #FFFAF0
FORESTGREEN #228B22
FUCHISIA #FF00FF
GAINSBORO #DCDCDC
GHOSTWHITE #F8F8FF
GOLD #FFD700
GOLDENROD #DAA520
GRAY #808080
GREEN #008000
GREENYELLOW #ADFF2F
HONEYDEW #F0FFF0
HONEYDEWTAB #00DE2B
HOTPINK #FF69B4
INDIANRED #CD5C5C
INDIGO #4B0082
IVORY #FFFFF0
KHAKI #F0E68C
LAVENDER #E6E6FA
LAVENDERBLUSH #FFF0F5
LAWNGREEN #7CFC00
LEMONCHIFFON #FFFACD
LIGHTBLUE #ADD8E6
LIGHTCORAL #F08080
LIGHTCYAN #E0FFFF
LIGHTGOLDENRODYELLOW #FAFAD2
LIGHTGREEN #90EE90
LIGHTGREY #D3D3D3
LIGHTPINK #FFD6C1
LIGHTSALMON #FFA07A
LIGHTSEAGREEN #20B2AA
LIGHTSKYBLUE #87CEFA
LIGHTSLATEGRAY #778899
LIGHTSTEELBLUE #B0C4DE
LIGHTYELLOW #FFFFE0
LIME #00FF00
LIMEGREEN #32CD32
LINEN #FAF0E6
MAGENTA #FF00FF
MAROON #800000
MEDIUMAQUAMARINE #66CDAA
MEDIUMBLUE #0000CD
MEDIUMORCHID #BA55D3
MEDIUMPURPLE #9370DB
MEDIUMSEAGREEN #3CB371
MEDIUMSLATEBLUE #7B68EE
MEDIUMSPRINGGREEN #00FA9A
MEDIUMTURQUOISE #48D1CC
MEDIUMVIOLETRED #C71585
MIDNIGHTBLUE #191970
MINTCREAM #F5FFFA
MISTYROSE #FFE4E1
MOCCASIN #FFE4B5
NAVAJOWHITE #FFDEAD
NAVY #000080
OLDLACE #FDF5E6
OLIVE #808000
OLIVEDRAB #6B8E23
ORANGE #FFA500
ORANGERED #FF4500
ORCHID #DA70D6
PALEGOLDENROD #EEE8AA
PALEGREEN #98FB98
PALETURQUOISE #AFEEEE
PALEVIOLETRED #DB7093
PAPAYAWHIP #FFEFD5
PEACHPUFF #FFDAB9
PERU #CD853F
PINK #FFC0CB
PLUM #DDA0DD
POWDERBLUE #B0E0E6
PURPLE #800080
RED #FF0000
ROSYBROWN #BC8F8F
ROYALBLUE #4169E1
SADDLEBROWN #8B4513
SALMON #FA8072
SANDYBROWN #F4A460
SEAGREEN #2E8B57
SEASHELL #FFF5EE
SIENNA #A0522D
SILVER #C0C0C0
SKYBLUE #87CEEB
SLATEBLUE #6A5ACD
SLATEGRAY #708090
SNOW #FFFAFA
SPRINGGREEN #00FF7F
STEELBLUE #4682B4
TAN #D2B48C
TEAL #008080
THISTLE #D8BFD8
TOMATO #FF6347
TURQUOISE #40E0D0
VIOLET #EE82EE
WHEAT #F5DEB3
WHITESMOKE #F5F5F5
YELLOW #FFFF00
YELLOWGREEN #9ACD32



コード順に並べてます。

black #000000
navy #000080
darkblue #00008B
mediumblue #0000CD
blue #0000FF
darkgreen #006400
green #008000
teal #008080
darkcyan #008B8B
deepskyblue #00BFFF
darkturquoise #00CED1
mediumspringgreen #00FA9A
lime #00FF00
springgreen #00FF7F
aqua #00FFFF
cyan #00FFFF
midnightblue #191970
dodgerblue #1E90FF
lightseagreen #20B2AA
forestgreen #228B22
seagreen #2E8B57
darkslategray #2F4F4F
limegreen #32CD32
mediumseagreen #3CB371
turquoise #40E0D0
royalblue #4169E1
steelblue #4682B4
darkslateblue #483D8B
mediumturquoise #48D1CC
indigo #4B0082
darkolivegreen #556B2F
cadetblue #5F9EA0
cornflowerblue #6495ED
mediumaquamarine #66CDAA
dimgray #696969
slateblue #6A5ACD
olivedrab #6B8E23
slategray #708090
lightslategray #778899
mediumslateblue #7B68EE
lawngreen #7CFC00
chartreuse #7FFF00
aquamarine #7FFFD4
maroon #800000
purple #800080
olive #808000
gray #808080
skyblue #87CEEB
lightskyblue #87CEFA
blueviolet #8A2BE2
darkred #8B0000
darkmagenta #8B008B
saddlebrown #8B4513
darkseagreen #8FBC8F
lightgreen #90EE90
mediumpurple #9370DB
darkviolet #9400D3
palegreen #98FB98
darkorchid #9932CC
yellowgreen #9ACD32
sienna #A0522D
brown #A52A2A
darkgray #A9A9A9
darkgray #ADD8E6
greenyellow #ADFF2F
paleturquoise #AFEEEE
lightsteelblue #B0C4DE
powderblue #B0E0E6
firebrick #B22222
darkgoldenrod #B8860B
mediumorchid #BA55D3
rosybrown #BC8F8F
darkkhaki #BDB76B
silver #C0C0C0
mediumvioletred #C71585
indianred #CD5C5C
peru #CD853F
chocolate #D2691E
tan #D2B48C
lightgre #D3D3D3
thistle #D8BFD8
orchid #DA70D6
goldenrod #DAA520
palevioletred #DB7093
crimson #DC143C
gainsboro #DCDCDC
plum #DDA0DD
burlywood #DEB887
lightcyan #E0FFFF
lavender #E6E6FA
darksalmon #E9967A
violet #EE82EE
palegoldenrod #EEE8AA
lightcoral #F08080
khaki #F0E68C
aliceblue #F0F8FF
honeydew #F0FFF0
azure #F0FFFF
sandybrown #F4A460
wheat #F5DEB3
beige #F5F5DC
whitesmoke #F5F5F5
mintcream #F5FFFA
ghostwhite #F8F8FF
salmon #FA8072
antiquewhite #FAEBD7
linen #FAF0E6
lightgoldenrodyellow #FAFAD2
oldlace #FDF5E6
red #FF0000
fuchsia #FF00FF
magenta #FF00FF
deeppink #FF1493
orangered #FF4500
tomato #FF6347
hotpink #FF69B4
coral #FF7F50
darkorange #FF8C00
lightsalmon #FFA07A
orange #FFA500
lightpink #FFB6C1
pink #FFC0CB
gold #FFD700
peachpuff #FFDAB9
navajowhite #FFDEAD
moccasin #FFE4B5
bisque #FFE4C4
mistyrose #FFE4E1
blanchedalmond #FFEBCD
papayawhip #FFEFD5
lavenderblush #FFF0F5
seashell #FFF5EE
cornsilk #FFF8DC
lemonchiffon #FFFACD
floralwhite #FFFAF0
snow #FFFAFA
yellow #FFFF00
lightyellow #FFFFE0
ivory #FFFFF0
white #FFFFFF



HOME | サイトマップ Copyright (C) eelife  All rights reserved リンクはご自由に