Matplotlib色
Matplotlib.pyplot を使いプロットの作成方法を示します.
目次
単色の指定
基本色 (Base Colors)
表 1 に,Matplotlib の基本色 (Base Colors) を示します.これらの色は,プロットのラインやマーカー色として,使うべきものです.理由は,それぞれの基本色は区別が容易で,見間違えることが少ないからです.これら (r, y, g, c, b, m) は,色相環で,等間隔に並んでいるからです.七色以下のプロットの場合は (r, g, b, y, c, m, k) の順に使うのがお勧めです.
これらの色は,16進数表示では,赤 (r) は #ff0000,緑 (g) は #008000,青 (b) は #0000ff,黄 (y) #bfbf00,シアン (c) は #00bfbf,マゼンタ (m) は #bf00bf です.背景が白色の場合,見えにく色は少し暗くしています.例えば,緑を #00ff00 とするととても見えにくいプロットになります.Matplotlib は,人の目で容易に識別ができるように色の明るさを補正しています.
Matplotlib のひとつアルファベットの基本色指定 (Base Color)
色指定 |
出力 |
|
色指定 |
出力 |
|
色指定 |
出力 |
r |
![](html_data/Base/r.svg) |
|
g |
![](html_data/Base/g.svg) |
|
b |
![](html_data/Base/b.svg) |
c |
![](html_data/Base/c.svg) |
|
y |
![](html_data/Base/y.svg) |
|
m |
![](html_data/Base/m.svg) |
|
k |
![](html_data/Base/k.svg) |
|
w |
![](html_data/Base/w.svg) |
|
タブロー色 (Tableau Colors)
Matplotlib のタブロー色指定 (Tableau Color)
色指定 |
出力 |
|
色指定 |
出力 |
|
色指定 |
出力 |
tab:blue |
![](html_data/Tableau\blue.svg) |
|
tab:orange |
![](html_data/Tableau\orange.svg) |
|
tab:green |
![](html_data/Tableau\green.svg) |
tab:red |
![](html_data/Tableau\red.svg) |
|
tab:purple |
![](html_data/Tableau\purple.svg) |
|
tab:brown |
![](html_data/Tableau\brown.svg) |
|
tab:pink |
![](html_data/Tableau\pink.svg) |
|
tab:gray |
![](html_data/Tableau\gray.svg) |
|
tab:olive |
![](html_data/Tableau\olive.svg) |
|
tab:cyan |
![](html_data/Tableau\cyan.svg) |
|
CSS 色 (CSS Colors)
Matplotlib の CSS 色指定 (CSS Color)
色指定 |
出力 |
|
色指定 |
出力 |
|
色指定 |
出力 |
black |
![](html_data/CSS/black.svg) |
|
dimgray |
![](html_data/CSS/dimgray.svg) |
|
dimgrey |
![](html_data/CSS/dimgrey.svg) |
gray |
![](html_data/CSS/gray.svg) |
|
grey |
![](html_data/CSS/grey.svg) |
|
darkgray |
![](html_data/CSS/darkgray.svg) |
|
darkgrey |
![](html_data/CSS/darkgrey.svg) |
|
silver |
![](html_data/CSS/silver.svg) |
|
lightgray |
![](html_data/CSS/lightgray.svg) |
|
lightgrey |
![](html_data/CSS/lightgrey.svg) |
|
gainsboro |
![](html_data/CSS/gainsboro.svg) |
|
whitesmoke |
![](html_data/CSS/whitesmoke.svg) |
|
white |
![](html_data/CSS/white.svg) |
|
snow |
![](html_data/CSS/snow.svg) |
|
rosybrown |
![](html_data/CSS/rosybrown.svg) |
|
lightcoral |
![](html_data/CSS/lightcoral.svg) |
|
indianred |
![](html_data/CSS/indianred.svg) |
|
brown |
![](html_data/CSS/brown.svg) |
|
firebrick |
![](html_data/CSS/firebrick.svg) |
|
maroon |
![](html_data/CSS/maroon.svg) |
|
darkred |
![](html_data/CSS/darkred.svg) |
|
red |
![](html_data/CSS/red.svg) |
|
mistyrose |
![](html_data/CSS/mistyrose.svg) |
|
salmon |
![](html_data/CSS/salmon.svg) |
|
tomato |
![](html_data/CSS/tomato.svg) |
|
darksalmon |
![](html_data/CSS/darksalmon.svg) |
|
coral |
![](html_data/CSS/coral.svg) |
|
orangered |
![](html_data/CSS/orangered.svg) |
|
lightsalmon |
![](html_data/CSS/lightsalmon.svg) |
|
sienna |
![](html_data/CSS/sienna.svg) |
|
seashell |
![](html_data/CSS/seashell.svg) |
|
chocolate |
![](html_data/CSS/chocolate.svg) |
|
saddlebrown |
![](html_data/CSS/saddlebrown.svg) |
|
sandybrown |
![](html_data/CSS/sandybrown.svg) |
|
peachpuff |
![](html_data/CSS/peachpuff.svg) |
|
peru |
![](html_data/CSS/peru.svg) |
|
linen |
![](html_data/CSS/linen.svg) |
|
bisque |
![](html_data/CSS/bisque.svg) |
|
darkorange |
![](html_data/CSS/darkorange.svg) |
|
burlywood |
![](html_data/CSS/burlywood.svg) |
|
antiquewhite |
![](html_data/CSS/antiquewhite.svg) |
|
tan |
![](html_data/CSS/tan.svg) |
|
navajowhite |
![](html_data/CSS/navajowhite.svg) |
|
blanchedalmond |
![](html_data/CSS/blanchedalmond.svg) |
|
papayawhip |
![](html_data/CSS/papayawhip.svg) |
|
moccasin |
![](html_data/CSS/moccasin.svg) |
|
orange |
![](html_data/CSS/orange.svg) |
|
wheat |
![](html_data/CSS/wheat.svg) |
|
oldlace |
![](html_data/CSS/oldlace.svg) |
|
floralwhite |
![](html_data/CSS/floralwhite.svg) |
|
darkgoldenrod |
![](html_data/CSS/darkgoldenrod.svg) |
|
goldenrod |
![](html_data/CSS/goldenrod.svg) |
|
cornsilk |
![](html_data/CSS/cornsilk.svg) |
|
gold |
![](html_data/CSS/gold.svg) |
|
lemonchiffon |
![](html_data/CSS/lemonchiffon.svg) |
|
khaki |
![](html_data/CSS/khaki.svg) |
|
palegoldenrod |
![](html_data/CSS/palegoldenrod.svg) |
|
darkkhaki |
![](html_data/CSS/darkkhaki.svg) |
|
ivory |
![](html_data/CSS/ivory.svg) |
|
beige |
![](html_data/CSS/beige.svg) |
|
lightyellow |
![](html_data/CSS/lightyellow.svg) |
|
lightgoldenrodyellow |
![](html_data/CSS/lightgoldenrodyellow.svg) |
|
olive |
![](html_data/CSS/olive.svg) |
|
yellow |
![](html_data/CSS/yellow.svg) |
|
olivedrab |
![](html_data/CSS/olivedrab.svg) |
|
yellowgreen |
![](html_data/CSS/yellowgreen.svg) |
|
darkolivegreen |
![](html_data/CSS/darkolivegreen.svg) |
|
greenyellow |
![](html_data/CSS/greenyellow.svg) |
|
chartreuse |
![](html_data/CSS/chartreuse.svg) |
|
lawngreen |
![](html_data/CSS/lawngreen.svg) |
|
honeydew |
![](html_data/CSS/honeydew.svg) |
|
darkseagreen |
![](html_data/CSS/darkseagreen.svg) |
|
palegreen |
![](html_data/CSS/palegreen.svg) |
|
lightgreen |
![](html_data/CSS/lightgreen.svg) |
|
forestgreen |
![](html_data/CSS/forestgreen.svg) |
|
limegreen |
![](html_data/CSS/limegreen.svg) |
|
darkgreen |
![](html_data/CSS/darkgreen.svg) |
|
green |
![](html_data/CSS/green.svg) |
|
lime |
![](html_data/CSS/lime.svg) |
|
seagreen |
![](html_data/CSS/seagreen.svg) |
|
mediumseagreen |
![](html_data/CSS/mediumseagreen.svg) |
|
springgreen |
![](html_data/CSS/springgreen.svg) |
|
mintcream |
![](html_data/CSS/mintcream.svg) |
|
mediumspringgreen |
![](html_data/CSS/mediumspringgreen.svg) |
|
mediumaquamarine |
![](html_data/CSS/mediumaquamarine.svg) |
|
aquamarine |
![](html_data/CSS/aquamarine.svg) |
|
turquoise |
![](html_data/CSS/turquoise.svg) |
|
lightseagreen |
![](html_data/CSS/lightseagreen.svg) |
|
mediumturquoise |
![](html_data/CSS/mediumturquoise.svg) |
|
azure |
![](html_data/CSS/azure.svg) |
|
lightcyan |
![](html_data/CSS/lightcyan.svg) |
|
paleturquoise |
![](html_data/CSS/paleturquoise.svg) |
|
darkslategray |
![](html_data/CSS/darkslategray.svg) |
|
darkslategrey |
![](html_data/CSS/darkslategrey.svg) |
|
teal |
![](html_data/CSS/teal.svg) |
|
darkcyan |
![](html_data/CSS/darkcyan.svg) |
|
aqua |
![](html_data/CSS/aqua.svg) |
|
cyan |
![](html_data/CSS/cyan.svg) |
|
darkturquoise |
![](html_data/CSS/darkturquoise.svg) |
|
cadetblue |
![](html_data/CSS/cadetblue.svg) |
|
powderblue |
![](html_data/CSS/powderblue.svg) |
|
lightblue |
![](html_data/CSS/lightblue.svg) |
|
deepskyblue |
![](html_data/CSS/deepskyblue.svg) |
|
skyblue |
![](html_data/CSS/skyblue.svg) |
|
lightskyblue |
![](html_data/CSS/lightskyblue.svg) |
|
steelblue |
![](html_data/CSS/steelblue.svg) |
|
aliceblue |
![](html_data/CSS/aliceblue.svg) |
|
dodgerblue |
![](html_data/CSS/dodgerblue.svg) |
|
lightslategray |
![](html_data/CSS/lightslategray.svg) |
|
lightslategrey |
![](html_data/CSS/lightslategrey.svg) |
|
slategray |
![](html_data/CSS/slategray.svg) |
|
slategrey |
![](html_data/CSS/slategrey.svg) |
|
lightsteelblue |
![](html_data/CSS/lightsteelblue.svg) |
|
cornflowerblue |
![](html_data/CSS/cornflowerblue.svg) |
|
royalblue |
![](html_data/CSS/royalblue.svg) |
|
ghostwhite |
![](html_data/CSS/ghostwhite.svg) |
|
lavender |
![](html_data/CSS/lavender.svg) |
|
midnightblue |
![](html_data/CSS/midnightblue.svg) |
|
navy |
![](html_data/CSS/navy.svg) |
|
darkblue |
![](html_data/CSS/darkblue.svg) |
|
mediumblue |
![](html_data/CSS/mediumblue.svg) |
|
blue |
![](html_data/CSS/blue.svg) |
|
slateblue |
![](html_data/CSS/slateblue.svg) |
|
darkslateblue |
![](html_data/CSS/darkslateblue.svg) |
|
mediumslateblue |
![](html_data/CSS/mediumslateblue.svg) |
|
mediumpurple |
![](html_data/CSS/mediumpurple.svg) |
|
rebeccapurple |
![](html_data/CSS/rebeccapurple.svg) |
|
blueviolet |
![](html_data/CSS/blueviolet.svg) |
|
indigo |
![](html_data/CSS/indigo.svg) |
|
darkorchid |
![](html_data/CSS/darkorchid.svg) |
|
darkviolet |
![](html_data/CSS/darkviolet.svg) |
|
mediumorchid |
![](html_data/CSS/mediumorchid.svg) |
|
thistle |
![](html_data/CSS/thistle.svg) |
|
plum |
![](html_data/CSS/plum.svg) |
|
violet |
![](html_data/CSS/violet.svg) |
|
purple |
![](html_data/CSS/purple.svg) |
|
darkmagenta |
![](html_data/CSS/darkmagenta.svg) |
|
fuchsia |
![](html_data/CSS/fuchsia.svg) |
|
magenta |
![](html_data/CSS/magenta.svg) |
|
orchid |
![](html_data/CSS/orchid.svg) |
|
mediumvioletred |
![](html_data/CSS/mediumvioletred.svg) |
|
deeppink |
![](html_data/CSS/deeppink.svg) |
|
hotpink |
![](html_data/CSS/hotpink.svg) |
|
lavenderblush |
![](html_data/CSS/lavenderblush.svg) |
|
palevioletred |
![](html_data/CSS/palevioletred.svg) |
|
crimson |
![](html_data/CSS/crimson.svg) |
|
pink |
![](html_data/CSS/pink.svg) |
|
lightpink |
![](html_data/CSS/lightpink.svg) |
|
数値 (CSS Colors)
数値を使い,赤 (R) と緑 (G),青 (B) の強度を指定できます,更に,透明度を表すアルファ値(A)を加えることも可能です.
カラーマップ
連続カラー (Sequential)
感覚的に一様に変化 (Perceptually Uniform Sequential)
連続1 (Sequential)
Matplotlib
入力 |
出力 |
|
入力 |
出力 |
Greys |
![](html_data/sequential/Greys.svg) |
|
Purples |
![](html_data/sequential/Purples.svg) |
Blues |
![](html_data/sequential/Blues.svg) |
|
Greens |
![](html_data/sequential/Greens.svg) |
|
Oranges |
![](html_data/sequential/Oranges.svg) |
|
Reds |
![](html_data/sequential/Reds.svg) |
|
YlOrBr |
![](html_data/sequential/YlOrBr.svg) |
|
YlOrRd |
![](html_data/sequential/YlOrRd.svg) |
|
OrRd |
![](html_data/sequential/OrRd.svg) |
|
PuRd |
![](html_data/sequential/PuRd.svg) |
|
RdPu |
![](html_data/sequential/RdPu.svg) |
|
BuPu |
![](html_data/sequential/BuPu.svg) |
|
GnBu |
![](html_data/sequential/GnBu.svg) |
|
PuBu |
![](html_data/sequential/PuBu.svg) |
|
YlGnBu |
![](html_data/sequential/YlGnBu.svg) |
|
PuBuGn |
![](html_data/sequential/PuBuGn.svg) |
|
BuGn |
![](html_data/sequential/BuGn.svg) |
|
YlGn |
![](html_data/sequential/YlGn.svg) |
|
ページ作成情報
参考資料
更新履歴
|