文字色・背景色の参考表

Last-modified: 2022-10-28 (金) 14:24:34

参考表

背景色文字色カラーコードID
blackblack#0000001
dimgraydimgray#6969692
graygray#8080803
darkgraydarkgray#a9a9a94
silversilver#c0c0c05
lightgraylightgray#d3d3d36
gainsborogainsboro#dcdcdc7
whitesmokewhitesmoke#f5f5f58
whitewhite#ffffff9
snowsnow#fffafa10
ghostwhiteghostwhite#f8f8ff11
floralwhitefloralwhite#fffaf012
linenlinen#faf0e613
antiquewhiteantiquewhite#faebd714
papayawhippapayawhip#ffefd515
blanchedalmondblanchedalmond#ffebcd16
bisquebisque#ffe4c417
moccasinmoccasin#ffe4b518
navajowhitenavajowhite#ffdead19
peachpuffpeachpuff#ffdab920
mistyrosemistyrose#ffe4e121
lavenderblushlavenderblush#fff0f522
seashellseashell#fff5ee23
oldlaceoldlace#fdf5e624
ivoryivory#fffff025
honeydewhoneydew#f0fff026
mintcreammintcream#f5fffa27
azureazure#f0ffff28
alicebluealiceblue#f0f8ff29
lavenderlavender#e6e6fa30
lightsteelbluelightsteelblue#b0c4de31
lightslategraylightslategray#77889932
slategrayslategray#70809033
steelbluesteelblue#4682b434
royalblueroyalblue#4169e135
midnightbluemidnightblue#19197036
navynavy#00008037
darkbluedarkblue#00008b38
mediumbluemediumblue#0000cd39
blueblue#0000ff40
dodgerbluedodgerblue#1e90ff41
cornflowerbluecornflowerblue#6495ed42
deepskybluedeepskyblue#00bfff43
lightskybluelightskyblue#87cefa44
skyblueskyblue#87ceeb45
lightbluelightblue#add8e646
powderbluepowderblue#b0e0e647
paleturquoisepaleturquoise#afeeee48
lightcyanlightcyan#e0ffff49
cyancyan#00ffff50
aquaaqua#00ffff51
turquoiseturquoise#40e0d052
mediumturquoisemediumturquoise#48d1cc53
darkturquoisedarkturquoise#00ced154
lightseagreenlightseagreen#20b2aa55
cadetbluecadetblue#5f9ea056
darkcyandarkcyan#008b8b57
tealteal#00808058
darkslategraydarkslategray#2f4f4f59
darkgreendarkgreen#00640060
greengreen#00800061
forestgreenforestgreen#228b2262
seagreenseagreen#2e8b5763
mediumseagreenmediumseagreen#3cb37164
mediumaquamarinemediumaquamarine#66cdaa65
darkseagreendarkseagreen#8fbc8f66
aquamarineaquamarine#7fffd467
palegreenpalegreen#98fb9868
lightgreenlightgreen#90ee9069
springgreenspringgreen#00ff7f70
mediumspringgreenmediumspringgreen#00fa9a71
lawngreenlawngreen#7cfc0072
chartreusechartreuse#7fff0073
greenyellowgreenyellow#adff2f74
limelime#00ff0075
limegreenlimegreen#32cd3276
yellowgreenyellowgreen#9acd3277
darkolivegreendarkolivegreen#556b2f78
olivedrabolivedrab#6b8e2379
oliveolive#80800080
darkkhakidarkkhaki#bdb76b81
palegoldenrodpalegoldenrod#eee8aa82
cornsilkcornsilk#fff8dc83
beigebeige#f5f5dc84
lightyellowlightyellow#ffffe085
lightgoldenrodyellowlightgoldenrodyellow#fafad286
lemonchiffonlemonchiffon#fffacd87
wheatwheat#f5deb388
burlywoodburlywood#deb88789
tantan#d2b48c90
khakikhaki#f0e68c91
yellowyellow#ffff0092
goldgold#ffd70093
orangeorange#ffa50094
sandybrownsandybrown#f4a46095
darkorangedarkorange#ff8c0096
goldenrodgoldenrod#daa52097
peruperu#cd853f98
darkgoldenroddarkgoldenrod#b8860b99
chocolatechocolate#d2691e100
siennasienna#a0522d101
saddlebrownsaddlebrown#8b4513102
maroonmaroon#800000103
darkreddarkred#8b0000104
brownbrown#a52a2a105
firebrickfirebrick#b22222106
indianredindianred#cd5c5c107
rosybrownrosybrown#bc8f8f108
darksalmondarksalmon#e9967a109
lightcorallightcoral#f08080110
salmonsalmon#fa8072111
lightsalmonlightsalmon#ffa07a112
coralcoral#ff7f50113
tomatotomato#ff6347114
orangeredorangered#ff4500115
redred#ff0000116
crimsoncrimson#dc143c117
mediumvioletredmediumvioletred#c71585118
deeppinkdeeppink#ff1493119
hotpinkhotpink#ff69b4120
palevioletredpalevioletred#db7093121
pinkpink#ffc0cb122
lightpinklightpink#ffb6c1123
thistlethistle#d8bfd8124
magentamagenta#ff00ff125
fuchsiafuchsia#ff00ff126
violetviolet#ee82ee127
plumplum#dda0dd128
orchidorchid#da70d6129
mediumorchidmediumorchid#ba55d3130
darkorchiddarkorchid#9932cc131
darkvioletdarkviolet#9400d3132
darkmagentadarkmagenta#8b008b133
purplepurple#800080134
indigoindigo#4b0082135
darkslatebluedarkslateblue#483d8b136
bluevioletblueviolet#8a2be2137
mediumpurplemediumpurple#9370db138
slateblueslateblue#6a5acd139
mediumslatebluemediumslateblue#7b68ee140

参考表(背景色が白ver)

背景色文字色カラーコードID
blackblack#0000001
dimgraydimgray#6969692
graygray#8080803
darkgraydarkgray#a9a9a94
silversilver#c0c0c05
lightgraylightgray#d3d3d36
gainsborogainsboro#dcdcdc7
whitesmokewhitesmoke#f5f5f58
whitewhite#ffffff9
snowsnow#fffafa10
ghostwhiteghostwhite#f8f8ff11
floralwhitefloralwhite#fffaf012
linenlinen#faf0e613
antiquewhiteantiquewhite#faebd714
papayawhippapayawhip#ffefd515
blanchedalmondblanchedalmond#ffebcd16
bisquebisque#ffe4c417
moccasinmoccasin#ffe4b518
navajowhitenavajowhite#ffdead19
peachpuffpeachpuff#ffdab920
mistyrosemistyrose#ffe4e121
lavenderblushlavenderblush#fff0f522
seashellseashell#fff5ee23
oldlaceoldlace#fdf5e624
ivoryivory#fffff025
honeydewhoneydew#f0fff026
mintcreammintcream#f5fffa27
azureazure#f0ffff28
alicebluealiceblue#f0f8ff29
lavenderlavender#e6e6fa30
lightsteelbluelightsteelblue#b0c4de31
lightslategraylightslategray#77889932
slategrayslategray#70809033
steelbluesteelblue#4682b434
royalblueroyalblue#4169e135
midnightbluemidnightblue#19197036
navynavy#00008037
darkbluedarkblue#00008b38
mediumbluemediumblue#0000cd39
blueblue#0000ff40
dodgerbluedodgerblue#1e90ff41
cornflowerbluecornflowerblue#6495ed42
deepskybluedeepskyblue#00bfff43
lightskybluelightskyblue#87cefa44
skyblueskyblue#87ceeb45
lightbluelightblue#add8e646
powderbluepowderblue#b0e0e647
paleturquoisepaleturquoise#afeeee48
lightcyanlightcyan#e0ffff49
cyancyan#00ffff50
aquaaqua#00ffff51
turquoiseturquoise#40e0d052
mediumturquoisemediumturquoise#48d1cc53
darkturquoisedarkturquoise#00ced154
lightseagreenlightseagreen#20b2aa55
cadetbluecadetblue#5f9ea056
darkcyandarkcyan#008b8b57
tealteal#00808058
darkslategraydarkslategray#2f4f4f59
darkgreendarkgreen#00640060
greengreen#00800061
forestgreenforestgreen#228b2262
seagreenseagreen#2e8b5763
mediumseagreenmediumseagreen#3cb37164
mediumaquamarinemediumaquamarine#66cdaa65
darkseagreendarkseagreen#8fbc8f66
aquamarineaquamarine#7fffd467
palegreenpalegreen#98fb9868
lightgreenlightgreen#90ee9069
springgreenspringgreen#00ff7f70
mediumspringgreenmediumspringgreen#00fa9a71
lawngreenlawngreen#7cfc0072
chartreusechartreuse#7fff0073
greenyellowgreenyellow#adff2f74
limelime#00ff0075
limegreenlimegreen#32cd3276
yellowgreenyellowgreen#9acd3277
darkolivegreendarkolivegreen#556b2f78
olivedrabolivedrab#6b8e2379
oliveolive#80800080
darkkhakidarkkhaki#bdb76b81
palegoldenrodpalegoldenrod#eee8aa82
cornsilkcornsilk#fff8dc83
beigebeige#f5f5dc84
lightyellowlightyellow#ffffe085
lightgoldenrodyellowlightgoldenrodyellow#fafad286
lemonchiffonlemonchiffon#fffacd87
wheatwheat#f5deb388
burlywoodburlywood#deb88789
tantan#d2b48c90
khakikhaki#f0e68c91
yellowyellow#ffff0092
goldgold#ffd70093
orangeorange#ffa50094
sandybrownsandybrown#f4a46095
darkorangedarkorange#ff8c0096
goldenrodgoldenrod#daa52097
peruperu#cd853f98
darkgoldenroddarkgoldenrod#b8860b99
chocolatechocolate#d2691e100
siennasienna#a0522d101
saddlebrownsaddlebrown#8b4513102
maroonmaroon#800000103
darkreddarkred#8b0000104
brownbrown#a52a2a105
firebrickfirebrick#b22222106
indianredindianred#cd5c5c107
rosybrownrosybrown#bc8f8f108
darksalmondarksalmon#e9967a109
lightcorallightcoral#f08080110
salmonsalmon#fa8072111
lightsalmonlightsalmon#ffa07a112
coralcoral#ff7f50113
tomatotomato#ff6347114
orangeredorangered#ff4500115
redred#ff0000116
crimsoncrimson#dc143c117
mediumvioletredmediumvioletred#c71585118
deeppinkdeeppink#ff1493119
hotpinkhotpink#ff69b4120
palevioletredpalevioletred#db7093121
pinkpink#ffc0cb122
lightpinklightpink#ffb6c1123
thistlethistle#d8bfd8124
magentamagenta#ff00ff125
fuchsiafuchsia#ff00ff126
violetviolet#ee82ee127
plumplum#dda0dd128
orchidorchid#da70d6129
mediumorchidmediumorchid#ba55d3130
darkorchiddarkorchid#9932cc131
darkvioletdarkviolet#9400d3132
darkmagentadarkmagenta#8b008b133
purplepurple#800080134
indigoindigo#4b0082135
darkslatebluedarkslateblue#483d8b136
bluevioletblueviolet#8a2be2137
mediumpurplemediumpurple#9370db138
slateblueslateblue#6a5acd139
mediumslatebluemediumslateblue#7b68ee140