色(カラー)に関する情報

色を表す文字列

指定方法	例	備考
色名称	"yellow"	色定義(下表)参照
16進表記	"#FFFF00" "#FF0"	色定義(下表)参照
rbg(r, g, b) または rbga(r, g, b, a)	"rgb(255, 255, 0)" "rgb(100%, 100%, 0%)" "rgba(255, 255, 0, 0.5)" "rgba(100%, 100%, 0%, 1)"	r(赤), g(緑), b(青)の値はそれぞれ 0～255 または 0%～100% aの値は 0(完全に透明)～1(完全に不透明)
hsl(h, s, l) または hsla(h, s, l, a)	"hsl(160, 100%, 50%)" "hsla(160, 100%, 50%, 0.5)"	h(色相)の値は 0～360, s(彩度), l(輝度)の値はそれぞれ 0%～100% aの値は 0(完全に透明)～1(完全に不透明)
hsb(h, s, b) または hsba(h, s, b, a)	"hsb(160, 100%, 50%)" "hsba(160, 100%, 50%, 0.5)"	h(色相)の値は 0～360, s(彩度), b(明度)の値はそれぞれ 0%～100% aの値は 0(完全に透明)～1(完全に不透明)

色定義

色名称	イメージ	16進表記	10進 ([r, g, b])
white		#FFFFFF	[255, 255, 255]
whitesmoke		#F5F5F5	[245, 245, 245]
ghostwhite		#F8F8FF	[248, 248, 255]
aliceblue		#F0F8FF	[240, 248, 255]
lavender		#E6E6FA	[230, 230, 250]
azure		#F0FFFF	[240, 255, 255]
lightcyan		#E0FFFF	[224, 255, 255]
mintcream		#F5FFFA	[245, 255, 250]
honeydew		#F0FFF0	[240, 255, 240]
ivory		#FFFFF0	[255, 255, 240]
beige		#F5F5DC	[245, 245, 220]
lightyellow		#FFFFE0	[255, 255, 224]
lightgoldenrodyellow		#FAFAD2	[250, 250, 210]
lemonchiffon		#FFFACD	[255, 250, 205]
floralwhite		#FFFAF0	[255, 250, 240]
oldlace		#FDF5E6	[253, 245, 230]
cornsilk		#FFF8DC	[255, 248, 220]
papayawhite		#FFEFD5	[255, 239, 213]
blanchedalmond		#FFEBCD	[255, 235, 205]
bisque		#FFE4C4	[255, 228, 196]
snow		#FFFAFA	[255, 250, 250]
linen		#FAF0E6	[250, 240, 230]
antiquewhite		#FAEBD7	[250, 235, 215]
seashell		#FFF5EE	[255, 245, 238]
lavenderblush		#FFF0F5	[255, 240, 245]
mistyrose		#FFE4E1	[255, 228, 225]
gainsboro		#DCDCDC	[220, 220, 220]
lightgray		#D3D3D3	[211, 211, 211]
lightsteelblue		#B0C4DE	[176, 196, 222]
lightblue		#ADD8E6	[173, 216, 230]
lightskyblue		#87CEFA	[135, 206, 250]
powderblue		#B0E0E6	[176, 224, 230]
paleturquoise		#AFEEEE	[175, 238, 238]
skyblue		#87CEEB	[135, 206, 235]
mediumaquamarine		#66CDAA	[102, 205, 170]
aquamarine		#7FFFD4	[127, 255, 212]
palegreen		#98FB98	[152, 251, 152]
lightgreen		#90EE90	[144, 238, 144]
khaki		#F0E68C	[240, 230, 140]
palegoldenrod		#EEE8AA	[238, 232, 170]
moccasin		#FFE4B5	[255, 228, 181]
navajowhite		#FFDEAD	[255, 222, 173]
peachpuff		#FFDAB9	[255, 218, 185]
wheat		#F5DEB3	[245, 222, 179]
pink		#FFC0CB	[255, 192, 203]
lightpink		#FFB6C1	[255, 182, 193]
thistle		#D8BFD8	[216, 191, 216]
plum		#DDA0DD	[221, 160, 221]
silver		#C0C0C0	[192, 192, 192]
darkgray		#A9A9A9	[169, 169, 169]
lightslategray		#778899	[119, 136, 153]
slategray		#708090	[112, 128, 144]
slateblue		#6A5ACD	[106,  90, 205]
steelblue		#4682B4	[ 70, 130, 180]
mediumslateblue		#7B68EE	[123, 104, 238]
royalblue		#4169E1	[ 65, 105, 225]
blue		#0000FF	[  0,   0, 255]
dodgerblue		#1E90FF	[ 30, 144, 255]
cornflowerblue		#6495ED	[100, 149, 237]
deepskyblue		#00BFFF	[  0, 191, 255]
cyan		#00FFFF	[  0, 255, 255]
aqua		#00FFFF	[  0, 255, 255]
turquoise		#40E0D0	[ 64, 224, 208]
mediumturquoise		#48D1CC	[ 72, 209, 204]
darkturquoise		#00CED1	[  0, 206, 209]
lightseagreen		#20B2AA	[ 32, 178, 170]
mediumspringgreen		#00FA9A	[  0, 250, 154]
springgreen		#00FF7F	[  0, 255, 127]
lime		#00FF00	[  0, 255,   0]
limegreen		#32CD32	[ 50, 205,  50]
yellowgreen		#9ACD32	[154, 205,  50]
lawngreen		#7CFC00	[124, 252,   0]
chartreuse		#7FFF00	[127, 255,   0]
greenyellow		#ADFF2F	[173, 255,  47]
yellow		#FFFF00	[255, 255,   0]
gold		#FFD700	[255, 215,   0]
orange		#FFA500	[255, 165,   0]
darkorange		#FF8C00	[255, 140,   0]
goldenrod		#DAA520	[218, 165,  32]
burlywood		#DEB887	[222, 184, 135]
tan		#D2B48C	[210, 180, 140]
sandybrown		#F4A460	[244, 164,  96]
darksalmon		#E9967A	[233, 150, 122]
lightcoral		#F08080	[240, 128, 128]
salmon		#FA8072	[250, 128, 114]
lightsalmon		#FFA07A	[255, 160, 122]
coral		#FF7F50	[255, 127,  80]
tomato		#FF6347	[255,  99,  71]
orangered		#FF4500	[255,  69,   0]
red		#FF0000	[255,   0,   0]
deeppink		#FF1493	[255,  20, 147]
hotpink		#FF69B4	[255, 105, 180]
palevioletred		#DB7093	[219, 112, 147]
violet		#EE82EE	[238, 130, 238]
orchid		#DA70D6	[218, 112, 214]
magenta		#FF00FF	[255,   0, 255]
fuchsia		#FF00FF	[255,   0, 255]
mediumorchid		#BA55D3	[186,  85, 211]
darkorchid		#9932CC	[153,  50, 204]
darkviolet		#9400D3	[148,   0, 211]
blueviolet		#8A2BE2	[138,  43, 226]
mediumpurple		#9370DB	[147, 112, 219]
gray		#808080	[128, 128, 128]
mediumblue		#0000CD	[  0,   0, 205]
darkcyan		#008B8B	[  0, 139, 139]
cadetblue		#5F9EA0	[ 95, 158, 160]
darkseagreen		#8FBC8F	[143, 188, 143]
mediumseagreen		#3CB371	[ 60, 179, 113]
teal		#008080	[  0, 128, 128]
forestgreen		#228B22	[ 34, 139,  34]
seagreen		#2E8B57	[ 46, 139,  87]
darkkhaki		#BDB76B	[189, 183, 107]
peru		#CD853F	[205, 133,  63]
crimson		#DC143C	[220,  20,  60]
indianred		#CD5C5C	[205,  92,  92]
rosybrown		#BC8F8F	[188, 143, 143]
mediumvioletred		#C71585	[199,  21, 133]
dimgray		#696969	[105, 105, 105]
black		#000000	[  0,   0,   0]
midnightblue		#191970	[ 25,  25, 112]
darkslateblue		#483D8B	[ 72,  61, 139]
darkblue		#00008B	[  0,   0, 139]
navy		#000080	[  0,   0, 128]
darkslategray		#2F4F4F	[ 47,  79,  79]
green		#008000	[  0, 128,   0]
darkgreen		#006400	[  0, 100,   0]
darkolivegreen		#556B2F	[ 85, 107,  47]
olivedrab		#6B8E23	[107, 142,  35]
olive		#808000	[128, 128,   0]
darkgoldenrod		#B8860B	[184, 134,  11]
chocolate		#D2691E	[210, 105,  30]
sienna		#A0522D	[160,  82,  45]
saddlebrown		#8B4513	[139,  69,  19]
firebrick		#B22222	[178,  34,  34]
brown		#A52A2A	[165,  42,  42]
maroon		#800000	[128,   0,   0]
darkred		#8B0000	[139,   0,   0]
darkmagenta		#8B008B	[139,   0, 139]
purple		#800080	[128,   0, 128]
indigo		#4B0082	[ 75,   0, 130]