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