-
Notifications
You must be signed in to change notification settings - Fork 60
Expand file tree
/
Copy pathcolormaps.html
More file actions
448 lines (421 loc) · 30.6 KB
/
colormaps.html
File metadata and controls
448 lines (421 loc) · 30.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Choosing Colormaps — Matplotlib 1.5.0 documentation</title>
<link rel="stylesheet" href="../_static/mpl.css"
type="text/css" />
<link rel="stylesheet" href="../_static/pygments.css"
type="text/css" />
<script type="text/javascript">
var DOCUMENTATION_OPTIONS = {
URL_ROOT: '../',
VERSION: '1.5.0',
COLLAPSE_INDEX: false,
FILE_SUFFIX: '.html',
HAS_SOURCE: true
};
</script>
<script type="text/javascript" src="../_static/jquery.js"></script>
<script type="text/javascript" src="../_static/underscore.js"></script>
<script type="text/javascript" src="../_static/doctools.js"></script>
<link rel="search" type="application/opensearchdescription+xml"
title="Search within Matplotlib 1.5.0 documentation"
href="../_static/opensearch.xml"/>
<link rel="top" title="Matplotlib 1.5.0 documentation" href="../index.html" />
<link rel="up" title="Beginner’s Guide" href="beginner.html" />
<link rel="next" title="Colormap Normaliztions" href="colormapnorms.html" />
<link rel="prev" title="Screenshots" href="screenshots.html" />
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
<link rel="canonical" href="https://matplotlib.org/2.0.2/users/colormaps.html" />
<script data-domain="matplotlib.org" defer="defer" src="https://views.scientific-python.org/js/script.js"></script>
</head>
<body>
<div id="unreleased-message"> You are reading an old version of the documentation (v1.5.0). For the latest version see <a href="/stable/">https://matplotlib.org/stable/</a> </div>
<div class="alert" style="background-color: #FEA46C; padding: 10px 0;
">
<h3>We're updating the default styles for Matplotlib 2.0</h3>
<p>Learn what to expect in the <a href="/style_changes.html" style="font-weight: bold;
color: #11557C;">new updates</a></p>
</div>
<link rel="shortcut icon" href="/_static/favicon.ico">
<!-- The "Fork me on github" ribbon -->
<img style="float: right; margin-bottom: -40px; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" usemap="#ribbonmap"/>
<map name="ribbonmap">
<area shape="poly" coords="15,0,148,-1,148,135" href="https://github.com/matplotlib/matplotlib" title="Fork me on GitHub" />
</map>
<div style="background-color: white; text-align: left; padding: 10px 10px 15px 15px">
<a href="../index.html"><img src="../_static/logo2.png" border="0" alt="matplotlib"/></a>
</div>
<div class="related">
<h3>Navigation</h3>
<ul>
<li class="right" style="margin-right: 10px">
<a href="../genindex.html" title="General Index"
accesskey="I">index</a></li>
<li class="right" >
<a href="../py-modindex.html" title="Python Module Index"
>modules</a> |</li>
<li class="right" >
<a href="colormapnorms.html" title="Colormap Normaliztions"
accesskey="N">next</a> |</li>
<li class="right" >
<a href="screenshots.html" title="Screenshots"
accesskey="P">previous</a> |</li>
<li><a href="../index.html">home</a>| </li>
<li><a href="../examples/index.html">examples</a>| </li>
<li><a href="../gallery.html">gallery</a>| </li>
<li><a href="../api/pyplot_summary.html">pyplot</a>| </li>
<li><a href="../contents.html">docs</a> »</li>
<li><a href="index.html" >User’s Guide</a> »</li>
<li><a href="beginner.html" accesskey="U">Beginner’s Guide</a> »</li>
</ul>
</div>
<div class="sphinxsidebar">
<div class="sphinxsidebarwrapper">
<h3><a href="../contents.html">Table Of Contents</a></h3>
<ul>
<li><a class="reference internal" href="#">Choosing Colormaps</a><ul>
<li><a class="reference internal" href="#overview">Overview</a></li>
<li><a class="reference internal" href="#classes-of-colormaps">Classes of colormaps</a></li>
<li><a class="reference internal" href="#lightness-of-matplotlib-colormaps">Lightness of matplotlib colormaps</a><ul>
<li><a class="reference internal" href="#sequential">Sequential</a></li>
<li><a class="reference internal" href="#sequential2">Sequential2</a></li>
<li><a class="reference internal" href="#diverging">Diverging</a></li>
<li><a class="reference internal" href="#qualitative">Qualitative</a></li>
<li><a class="reference internal" href="#miscellaneous">Miscellaneous</a></li>
</ul>
</li>
<li><a class="reference internal" href="#function"><img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> function</a></li>
<li><a class="reference internal" href="#grayscale-conversion">Grayscale conversion</a></li>
<li><a class="reference internal" href="#color-vision-deficiencies">Color vision deficiencies</a></li>
<li><a class="reference internal" href="#references">References</a></li>
</ul>
</li>
</ul>
<h4>Previous topic</h4>
<p class="topless"><a href="screenshots.html"
title="previous chapter">Screenshots</a></p>
<h4>Next topic</h4>
<p class="topless"><a href="colormapnorms.html"
title="next chapter">Colormap Normaliztions</a></p>
<div role="note" aria-label="source link">
<h3>This Page</h3>
<ul class="this-page-menu">
<li><a href="../_sources/users/colormaps.txt"
rel="nofollow">Show Source</a></li>
</ul>
</div>
<div id="searchbox" style="display: none" role="search">
<h3>Quick search</h3>
<form class="search" action="../search.html" method="get">
<input type="text" name="q" />
<input type="submit" value="Go" />
<input type="hidden" name="check_keywords" value="yes" />
<input type="hidden" name="area" value="default" />
</form>
<p class="searchtip" style="font-size: 90%">
Enter search terms or a module, class or function name.
</p>
</div>
<script type="text/javascript">$('#searchbox').show(0);</script>
</div>
</div>
<div class="document">
<div class="documentwrapper">
<div class="bodywrapper">
<div class="body">
<div class="section" id="choosing-colormaps">
<span id="colormaps"></span><h1>Choosing Colormaps<a class="headerlink" href="#choosing-colormaps" title="Permalink to this headline">¶</a></h1>
<div class="section" id="overview">
<h2>Overview<a class="headerlink" href="#overview" title="Permalink to this headline">¶</a></h2>
<p>The idea behind choosing a good colormap is to find a good representation in 3D
colorspace for your data set. The best colormap for any given data set depends
on many things including:</p>
<ul class="simple">
<li>Whether representing form or metric data (<a class="reference internal" href="#ware" id="id1">[Ware]</a>)</li>
<li>Your knowledge of the data set (<em>e.g.</em>, is there a critical value
from which the other values deviate?)</li>
<li>If there is an intuitive color scheme for the parameter you are plotting</li>
<li>If there is a standard in the field the audience may be expecting</li>
</ul>
<p>For many applications, a perceptually uniform colormap is the best
choice — one in which equal steps in data are perceived as equal
steps in the color space. Researchers have found that the human brain
perceives changes in the lightness parameter as changes in the data
much better than, for example, changes in hue. Therefore, colormaps
which have monotonically increasing lightness through the colormap
will be better interpreted by the viewer.</p>
<p>Color can be represented in 3D space in various ways. One way to represent color
is using CIELAB. In CIELAB, color space is represented by lightness,
<img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/>; red-green, <img src="../_images/mathmpl/math-d85c40ef59.png" style="position: relative; bottom: -3px"/>; and yellow-blue, <img src="../_images/mathmpl/math-15b4f113ce.png" style="position: relative; bottom: -3px"/>. The lightness
parameter <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> can then be used to learn more about how the matplotlib
colormaps will be perceived by viewers.</p>
<p>An excellent starting resource for learning about human perception of colormaps
is from <a class="reference internal" href="#ibm" id="id2">[IBM]</a>.</p>
</div>
<div class="section" id="classes-of-colormaps">
<h2>Classes of colormaps<a class="headerlink" href="#classes-of-colormaps" title="Permalink to this headline">¶</a></h2>
<p>Colormaps are often split into several categories based on their function (see,
<em>e.g.</em>, <a class="reference internal" href="#moreland" id="id3">[Moreland]</a>):</p>
<ol class="arabic simple">
<li>Sequential: change in lightness and often saturation of color
incrementally, often using a single hue; should be used for
representing information that has ordering.</li>
<li>Diverging: change in lightness and possibly saturation of two
different colors that meet in the middle at an unsaturated color;
should be used when the information being plotted has a critical
middle value, such as topography or when the data deviates around
zero.</li>
<li>Qualitative: often are miscellaneous colors; should be used to
represent information which does not have ordering or
relationships.</li>
</ol>
</div>
<div class="section" id="lightness-of-matplotlib-colormaps">
<h2>Lightness of matplotlib colormaps<a class="headerlink" href="#lightness-of-matplotlib-colormaps" title="Permalink to this headline">¶</a></h2>
<p>Here we examine the lightness values of the matplotlib colormaps. Note that some
documentation on the colormaps is available (<a class="reference internal" href="#list-colormaps" id="id4">[list-colormaps]</a>).</p>
<div class="section" id="sequential">
<h3>Sequential<a class="headerlink" href="#sequential" title="Permalink to this headline">¶</a></h3>
<p>For the Sequential plots, the lightness value increases monotonically through
the colormaps. This is good. Some of the <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values in the colormaps
span from 0 to 100 (binary and the other grayscale), and others start around
<img src="../_images/mathmpl/math-93b9261171.png" style="position: relative; bottom: -3px"/>. Those that have a smaller range of <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> will accordingly
have a smaller perceptual range. Note also that the <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> function varies
amongst the colormaps: some are approximately linear in <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> and others
are more curved.</p>
</div>
<div class="section" id="sequential2">
<h3>Sequential2<a class="headerlink" href="#sequential2" title="Permalink to this headline">¶</a></h3>
<p>Many of the <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values from the Sequential2 plots are monotonically
increasing, but some (autumn, cool, spring, and winter) plateau or even go both
up and down in <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> space. Others (afmhot, copper, gist_heat, and hot)
have kinks in the <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> functions. Data that is being represented in a
region of the colormap that is at a plateau or kink will lead to a perception of
banding of the data in those values in the colormap (see <a class="reference internal" href="#mycarta-banding" id="id5">[mycarta-banding]</a> for
an excellent example of this).</p>
</div>
<div class="section" id="diverging">
<h3>Diverging<a class="headerlink" href="#diverging" title="Permalink to this headline">¶</a></h3>
<p>For the Diverging maps, we want to have monotonically increasing <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/>
values up to a maximum, which should be close to <img src="../_images/mathmpl/math-3199ca3512.png" style="position: relative; bottom: -3px"/>, followed by
monotonically decreasing <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values. We are looking for approximately
equal minimum <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values at opposite ends of the colormap. By these
measures, BrBG and RdBu are good options. coolwarm is a good option, but it
doesn’t span a wide range of <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values (see grayscale section below).</p>
</div>
<div class="section" id="qualitative">
<h3>Qualitative<a class="headerlink" href="#qualitative" title="Permalink to this headline">¶</a></h3>
<p>Qualitative colormaps are not aimed at being perceptual maps, but looking at the
lightness parameter can verify that for us. The <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values move all over
the place throughout the colormap, and are clearly not monotonically increasing.
These would not be good options for use as perceptual colormaps.</p>
</div>
<div class="section" id="miscellaneous">
<h3>Miscellaneous<a class="headerlink" href="#miscellaneous" title="Permalink to this headline">¶</a></h3>
<p>Some of the miscellaneous colormaps have particular uses for which
they have been created. For example, gist_earth, ocean, and terrain
all seem to be created for plotting topography (green/brown) and water
depths (blue) together. We would expect to see a divergence in these
colormaps, then, but multiple kinks may not be ideal, such as in
gist_earth and terrain. CMRmap was created to convert well to
grayscale, though it does appear to have some small kinks in
<img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/>. cubehelix was created to vary smoothly in both lightness
and hue, but appears to have a small hump in the green hue area.</p>
<p>The often-used jet colormap is included in this set of colormaps. We can see
that the <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values vary widely throughout the colormap, making it a
poor choice for representing data for viewers to see perceptually. See an
extension on this idea at <a class="reference internal" href="#mycarta-jet" id="id6">[mycarta-jet]</a>.</p>
<p>(<a class="reference external" href="../users/plotting/colormaps/lightness.py">Source code</a>)</p>
<div class="figure" id="id13">
<img alt="../_images/lightness_00.png" src="../_images/lightness_00.png" />
<p class="caption"><span class="caption-text">(<a class="reference external" href="../users/plotting/colormaps/lightness_00.png">png</a>, <a class="reference external" href="../users/plotting/colormaps/lightness_00.hires.png">hires.png</a>, <a class="reference external" href="../users/plotting/colormaps/lightness_00.pdf">pdf</a>)</span></p>
</div>
<div class="figure" id="id14">
<img alt="../_images/lightness_01.png" src="../_images/lightness_01.png" />
<p class="caption"><span class="caption-text">(<a class="reference external" href="../users/plotting/colormaps/lightness_01.png">png</a>, <a class="reference external" href="../users/plotting/colormaps/lightness_01.hires.png">hires.png</a>, <a class="reference external" href="../users/plotting/colormaps/lightness_01.pdf">pdf</a>)</span></p>
</div>
<div class="figure" id="id15">
<img alt="../_images/lightness_02.png" src="../_images/lightness_02.png" />
<p class="caption"><span class="caption-text">(<a class="reference external" href="../users/plotting/colormaps/lightness_02.png">png</a>, <a class="reference external" href="../users/plotting/colormaps/lightness_02.hires.png">hires.png</a>, <a class="reference external" href="../users/plotting/colormaps/lightness_02.pdf">pdf</a>)</span></p>
</div>
<div class="figure" id="id16">
<img alt="../_images/lightness_03.png" src="../_images/lightness_03.png" />
<p class="caption"><span class="caption-text">(<a class="reference external" href="../users/plotting/colormaps/lightness_03.png">png</a>, <a class="reference external" href="../users/plotting/colormaps/lightness_03.hires.png">hires.png</a>, <a class="reference external" href="../users/plotting/colormaps/lightness_03.pdf">pdf</a>)</span></p>
</div>
<div class="figure" id="id17">
<img alt="../_images/lightness_04.png" src="../_images/lightness_04.png" />
<p class="caption"><span class="caption-text">(<a class="reference external" href="../users/plotting/colormaps/lightness_04.png">png</a>, <a class="reference external" href="../users/plotting/colormaps/lightness_04.hires.png">hires.png</a>, <a class="reference external" href="../users/plotting/colormaps/lightness_04.pdf">pdf</a>)</span></p>
</div>
<div class="figure" id="id18">
<img alt="../_images/lightness_05.png" src="../_images/lightness_05.png" />
<p class="caption"><span class="caption-text">(<a class="reference external" href="../users/plotting/colormaps/lightness_05.png">png</a>, <a class="reference external" href="../users/plotting/colormaps/lightness_05.hires.png">hires.png</a>, <a class="reference external" href="../users/plotting/colormaps/lightness_05.pdf">pdf</a>)</span></p>
</div>
</div>
</div>
<div class="section" id="function">
<h2><img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> function<a class="headerlink" href="#function" title="Permalink to this headline">¶</a></h2>
<p>There are multiple approaches to finding the best function for <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/>
across a colormap. Linear gives reasonable results (<em>e.g.</em>, <a class="reference internal" href="#mycarta-banding" id="id7">[mycarta-banding]</a>,
<a class="reference internal" href="#mycarta-lablinear" id="id8">[mycarta-lablinear]</a>). However, the Weber-Fechner law, and more generally and
recently, Stevens’ Law, indicates that a logarithmic or geometric relationship
might be better (see effort on this front at <a class="reference internal" href="#mycarta-cubelaw" id="id9">[mycarta-cubelaw]</a>).</p>
<p>(<a class="reference external" href="../users/plotting/colormaps/Lfunction.py">Source code</a>, <a class="reference external" href="../users/plotting/colormaps/Lfunction_00_00.png">png</a>, <a class="reference external" href="../users/plotting/colormaps/Lfunction_00_00.hires.png">hires.png</a>, <a class="reference external" href="../users/plotting/colormaps/Lfunction_00_00.pdf">pdf</a>)</p>
<div class="figure">
<img alt="../_images/Lfunction_00_00.png" src="../_images/Lfunction_00_00.png" />
</div>
<p>(<a class="reference external" href="../users/plotting/colormaps/Lfunction_01_00.png">png</a>, <a class="reference external" href="../users/plotting/colormaps/Lfunction_01_00.hires.png">hires.png</a>, <a class="reference external" href="../users/plotting/colormaps/Lfunction_01_00.pdf">pdf</a>)</p>
<div class="figure">
<img alt="../_images/Lfunction_01_00.png" src="../_images/Lfunction_01_00.png" />
</div>
</div>
<div class="section" id="grayscale-conversion">
<h2>Grayscale conversion<a class="headerlink" href="#grayscale-conversion" title="Permalink to this headline">¶</a></h2>
<p>It is important to pay attention to conversion to grayscale for color
plots, since they may be printed on black and white printers. If not
carefully considered, your readers may end up with indecipherable
plots because the grayscale changes unpredictably through the
colormap.</p>
<p>Conversion to grayscale is done in many different ways <a class="reference internal" href="#bw" id="id10">[bw]</a>. Some of the better
ones use a linear combination of the rgb values of a pixel, but weighted
according to how we perceive color intensity. A nonlinear method of conversion
to grayscale is to use the <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values of the pixels. In general, similar
principles apply for this question as they do for presenting one’s information
perceptually; that is, if a colormap is chosen that is monotonically increasing
in <img src="../_images/mathmpl/math-374b544f7d.png" style="position: relative; bottom: -3px"/> values, it will print in a reasonable manner to grayscale.</p>
<p>With this in mind, we see that the Sequential colormaps have reasonable
representations in grayscale. Some of the Sequential2 colormaps have decent
enough grayscale representations, though some (autumn, spring, summer, winter)
have very little grayscale change. If a colormap like this was used in a plot
and then the plot was printed to grayscale, a lot of the information may map to
the same gray values. The Diverging colormaps mostly vary from darker gray on
the outer edges to white in the middle. Some (PuOr and seismic) have noticably
darker gray on one side than the other and therefore are not very symmetric.
coolwarm has little range of gray scale and would print to a more uniform plot,
losing a lot of detail. Note that overlaid, labeled contours could help
differentiate between one side of the colormap vs. the other since color cannot
be used once a plot is printed to grayscale. Many of the Qualitative and
Miscellaneous colormaps, such as Accent, hsv, and jet, change from darker to
lighter and back to darker gray throughout the colormap. This would make it
impossible for a viewer to interpret the information in a plot once it is
printed in grayscale.</p>
<p>(<a class="reference external" href="../users/plotting/colormaps/grayscale.py">Source code</a>)</p>
<div class="figure" id="id19">
<img alt="../_images/grayscale_01_00.png" src="../_images/grayscale_01_00.png" />
<p class="caption"><span class="caption-text">(<a class="reference external" href="../users/plotting/colormaps/grayscale_01_00.png">png</a>, <a class="reference external" href="../users/plotting/colormaps/grayscale_01_00.hires.png">hires.png</a>, <a class="reference external" href="../users/plotting/colormaps/grayscale_01_00.pdf">pdf</a>)</span></p>
</div>
<div class="figure" id="id20">
<img alt="../_images/grayscale_01_01.png" src="../_images/grayscale_01_01.png" />
<p class="caption"><span class="caption-text">(<a class="reference external" href="../users/plotting/colormaps/grayscale_01_01.png">png</a>, <a class="reference external" href="../users/plotting/colormaps/grayscale_01_01.hires.png">hires.png</a>, <a class="reference external" href="../users/plotting/colormaps/grayscale_01_01.pdf">pdf</a>)</span></p>
</div>
<div class="figure" id="id21">
<img alt="../_images/grayscale_01_02.png" src="../_images/grayscale_01_02.png" />
<p class="caption"><span class="caption-text">(<a class="reference external" href="../users/plotting/colormaps/grayscale_01_02.png">png</a>, <a class="reference external" href="../users/plotting/colormaps/grayscale_01_02.hires.png">hires.png</a>, <a class="reference external" href="../users/plotting/colormaps/grayscale_01_02.pdf">pdf</a>)</span></p>
</div>
<div class="figure" id="id22">
<img alt="../_images/grayscale_01_03.png" src="../_images/grayscale_01_03.png" />
<p class="caption"><span class="caption-text">(<a class="reference external" href="../users/plotting/colormaps/grayscale_01_03.png">png</a>, <a class="reference external" href="../users/plotting/colormaps/grayscale_01_03.hires.png">hires.png</a>, <a class="reference external" href="../users/plotting/colormaps/grayscale_01_03.pdf">pdf</a>)</span></p>
</div>
<div class="figure" id="id23">
<img alt="../_images/grayscale_01_04.png" src="../_images/grayscale_01_04.png" />
<p class="caption"><span class="caption-text">(<a class="reference external" href="../users/plotting/colormaps/grayscale_01_04.png">png</a>, <a class="reference external" href="../users/plotting/colormaps/grayscale_01_04.hires.png">hires.png</a>, <a class="reference external" href="../users/plotting/colormaps/grayscale_01_04.pdf">pdf</a>)</span></p>
</div>
<div class="figure" id="id24">
<img alt="../_images/grayscale_01_05.png" src="../_images/grayscale_01_05.png" />
<p class="caption"><span class="caption-text">(<a class="reference external" href="../users/plotting/colormaps/grayscale_01_05.png">png</a>, <a class="reference external" href="../users/plotting/colormaps/grayscale_01_05.hires.png">hires.png</a>, <a class="reference external" href="../users/plotting/colormaps/grayscale_01_05.pdf">pdf</a>)</span></p>
</div>
</div>
<div class="section" id="color-vision-deficiencies">
<h2>Color vision deficiencies<a class="headerlink" href="#color-vision-deficiencies" title="Permalink to this headline">¶</a></h2>
<p>There is a lot of information available about color blindness available (<em>e.g.</em>,
<a class="reference internal" href="#colorblindness" id="id11">[colorblindness]</a>). Additionally, there are tools available to convert images to
how they look for different types of color vision deficiencies (<em>e.g.</em>, <a class="reference internal" href="#asp" id="id12">[asp]</a>).</p>
<p>The most common form of color vision deficiency involves differentiating between
red and green. Thus, avoiding colormaps with both red and green will avoid many
problems in general.</p>
</div>
<div class="section" id="references">
<h2>References<a class="headerlink" href="#references" title="Permalink to this headline">¶</a></h2>
<table class="docutils citation" frame="void" id="ware" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id1">[Ware]</a></td><td><a class="reference external" href="http://ccom.unh.edu/sites/default/files/publications/Ware_1988_CGA_Color_sequences_univariate_maps.pdf">http://ccom.unh.edu/sites/default/files/publications/Ware_1988_CGA_Color_sequences_univariate_maps.pdf</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="moreland" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id3">[Moreland]</a></td><td><a class="reference external" href="http://www.sandia.gov/~kmorel/documents/ColorMaps/ColorMapsExpanded.pdf">http://www.sandia.gov/~kmorel/documents/ColorMaps/ColorMapsExpanded.pdf</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="list-colormaps" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id4">[list-colormaps]</a></td><td><a class="reference external" href="https://gist.github.com/endolith/2719900#id7">https://gist.github.com/endolith/2719900#id7</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="mycarta-banding" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label">[mycarta-banding]</td><td><em>(<a class="fn-backref" href="#id5">1</a>, <a class="fn-backref" href="#id7">2</a>)</em> <a class="reference external" href="http://mycarta.wordpress.com/2012/10/14/the-rainbow-is-deadlong-live-the-rainbow-part-4-cie-lab-heated-body/">http://mycarta.wordpress.com/2012/10/14/the-rainbow-is-deadlong-live-the-rainbow-part-4-cie-lab-heated-body/</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="mycarta-jet" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id6">[mycarta-jet]</a></td><td><a class="reference external" href="http://mycarta.wordpress.com/2012/10/06/the-rainbow-is-deadlong-live-the-rainbow-part-3/">http://mycarta.wordpress.com/2012/10/06/the-rainbow-is-deadlong-live-the-rainbow-part-3/</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="mycarta-lablinear" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id8">[mycarta-lablinear]</a></td><td><a class="reference external" href="http://mycarta.wordpress.com/2012/12/06/the-rainbow-is-deadlong-live-the-rainbow-part-5-cie-lab-linear-l-rainbow/">http://mycarta.wordpress.com/2012/12/06/the-rainbow-is-deadlong-live-the-rainbow-part-5-cie-lab-linear-l-rainbow/</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="mycarta-cubelaw" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id9">[mycarta-cubelaw]</a></td><td><a class="reference external" href="http://mycarta.wordpress.com/2013/02/21/perceptual-rainbow-palette-the-method/">http://mycarta.wordpress.com/2013/02/21/perceptual-rainbow-palette-the-method/</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="bw" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id10">[bw]</a></td><td><a class="reference external" href="http://www.tannerhelland.com/3643/grayscale-image-algorithm-vb6/">http://www.tannerhelland.com/3643/grayscale-image-algorithm-vb6/</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="colorblindness" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id11">[colorblindness]</a></td><td><a class="reference external" href="http://aspnetresources.com/tools/colorBlindness">http://aspnetresources.com/tools/colorBlindness</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="asp" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id12">[asp]</a></td><td><a class="reference external" href="http://aspnetresources.com/tools/colorBlindness">http://aspnetresources.com/tools/colorBlindness</a></td></tr>
</tbody>
</table>
<table class="docutils citation" frame="void" id="ibm" rules="none">
<colgroup><col class="label" /><col /></colgroup>
<tbody valign="top">
<tr><td class="label"><a class="fn-backref" href="#id2">[IBM]</a></td><td><a class="reference external" href="http://www.research.ibm.com/people/l/lloydt/color/color.HTM">http://www.research.ibm.com/people/l/lloydt/color/color.HTM</a></td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="clearer"></div>
</div>
<div class="footer">
© Copyright 2002 - 2012 John Hunter, Darren Dale, Eric Firing, Michael Droettboom and the matplotlib development team; 2012 - 2014 The matplotlib development team.
Last updated on Oct 29, 2015.
Created using <a
href="http://sphinx-doc.org/">Sphinx</a> 1.3.1.
</div>
</body>
</html>