Perceptually Optimized Color Selection for Visualization
Subhrajyoti Maji*
John Dingliana†
Graphics Vision and Visualization Group
Trinity College Dublin
A BSTRACT
We propose an approach, called the Equilibrium Distribution Model
(EDM), for automatically selecting colors with optimum perceptual
contrast for scientific visualization. Given any number of features
that need to be emphasized in a visualization task, our approach
derives evenly distributed points in the CIELAB color space to assign colors to the features so that the minimum Euclidean Distance
among the colors are optimized. Our approach can assign colors
with high perceptual contrast even for very high numbers of features,
where other color selection methods typically fail. We compare our
approach with the widely used Harmonic color selection scheme and
demonstrate that while the harmonic scheme can achieve reasonable
color contrast for visualizing up to 20 different features, our Equilibrium scheme provides significantly better contrast and achieves
perceptible contrast for visualizing even up to 100 unique features.
Index Terms: Color—Visualization—Visualization techniques—;
Human-centered computing—Visualization—Visualization design
and evaluation methods
1
I NTRODUCTION
Mapping perceptually distinct colors to different aspects of a data
is an integral part of scientific visualization. Therefore, the choice
of colors can make a significant difference in gaining insight from
of a given visualization. Common practice ranges from a manual
selection of colors, use of some standard recurring palettes or use
of palette design tool such as those in ColorBrewer [2] or PRAVDAColor [1]. Such practices work reasonably well if the number of
features to be visualized is relatively small. However, they become
cumbersome and ineffective if we wish to visualize data comprising
an unusually high number of features of the order of 50 − 100. In
such cases, there is a need to select the set of colors based on some
criteria automatically. Color harmonics and color opponency are
some of the popular choices for the practical design of colormaps.
However, these approaches do not fully exploit the whole range of
a perceptual color space, and hence the perceptual contrast of the
resulting colors decreases rapidly with increasing the number of
colors. A distribution of 20 different colors in the CIELAB color
space using harmonic color selection scheme is shown in Figure 1a.
Our solution aims to utilize the maximum range in the CIELAB
color space by evenly distributing the color points within the space.
We demonstrate the effectiveness of using this approach over the
harmonic color selection scheme in visualizing a 3D volume dataset
and a 2D data visualization. A measure of perceptual contrast between colors indicates that our approach outperforms the harmonic
color scheme and leads to distinct colors with contrast well above the
Just Noticeable Difference (JND) threshold even for high numbers
of unique independent features.
* e-mail:
† e-mail:
majis@tcd.ie
dinglijl@tcd.ie
2 M ETHODOLOGY
The human visual system tends to not perceive absolute colors of
objects but rather the differences between them, i.e., the contrast.
The most common type of color contrast is the contrast between the
foreground color and the background color. According to Itten [3],
the human response to color stimuli reaches an equilibrium state
when it receives a signal from a mid-gray object. Based on this
fact, the first objective of our algorithm is to select colors which
are equidistant from the mid-gray value in a perceptual color space
(CIELAB in this case). This task can be accomplished by constructing a hypothetical sphere with center at the mid-gray value and
spanning over the entire color space. Now all the colors corresponding to the points lying on the surface of the sphere will create the
same sensation when displayed as a foreground color against the
gray background. The second task is to distribute these points on the
spherical surface evenly. For this purpose, we consider the analogy
of spherical distribution of charged particles in a static equilibrium
state in which the net potential is to be minimized through moving
individual charged particles. A demonstration of such an equilibrium distribution of 20 different colors in the CIELAB color space
is shown in Figure 1b. Moreover, to confirm that this technique
distributes the points maximally distant apart, a comparison (see
Table 1) is done between the edge lengths of the Platonic solids with
the minimum distances achieved for the corresponding number of
vertices using this technique. It can be observed that EDM matches
perfectly with the edge lengths of the Platonic solids except for the
Cube and Dodecahedron where the corresponding vertices in the
equilibrium form different shapes other than these two. Although we
specifically employ CIELAB color space, the technique is flexible
enough to select colors in any other perceptual color space.
(a) Harmonic color scheme
(b) Equilibrium color scheme
Figure 1: Equilibrium distribution of 20 colors in CIELAB color space
using (a) Harmonic and (b) Equilibrium color schemes respectively.
3 R ESULTS
We demonstrate our approach by applying the colors to visualize a
volume dataset (Figure 2) and a synthetic pie chart (Figure 3) using
equilibrium and harmonic color selection schemes. The volume
dataset [6] comprises 94 segments of a 3D CT scan and is rendered
with a binary (fully visible or fully transparent) opacity value for
each segment. Among these features, 19 features such as the muscles are made transparent to reveal the internal 75 features in the
visualization. By visual inspection, it is difficult to separate some
Table 1: Comparison of minimum distances using EDM with the edge
lengths of Platonic solids. Asterisks (*) indicate cases where EDM
differs from the vertices of the corresponding Platonic solid.
Platonic Solids
No. of
Vertices
Edge
Length
Min Distance
using EDM
Tetrahedron
Octahedron
Cube
Icosahedron
Dodecahedron
4
6
8
12
20
1.63299
1.41421
1.1547
1.05146
0.713644
1.63299
1.41421
1.1712*
1.05146
0.782961*
of the green features in Figure 2a, while the same features are more
distinguishable in Figure 2b. Moreover, while all the colors in the
harmonic color scheme are highly saturated, a range of different
saturations can be seen in the equilibrium color scheme. Figure 3
shows the visualization of a pie chart, with 37 features, using the
same two color schemes. It can be readily observed that some segments are difficult to distinguish in the visualization generated using
the harmonic color scheme (Figure 3a). In comparison, the perceptual contrast is comparatively higher throughout when visualized
using the equilibrium color scheme (Figure 3b).
two colors in the CIELAB color space is greater than 5 (where L
ranges from 0 to 100, a ranges from −128 to 127 and b ranges from
−128 to 127) then the colors are easily distinguishable by a standard
∗ ≈ 5. The second one
observer. Hence, the JND corresponds to ∆Eab
is the most up-to-date measure of the perceptual contrast [5], known
∗ ) according to which the JND
as CIEDE2000 color distance(∆E00
∗ ≈ 1 [7].
corresponds to ∆E00
Figure 4 shows a comparison of the contrast measures, C, of
the equilibrium color scheme with the harmonic color scheme for
different numbers of unique features, n. We see from both the
plots that the equilibrium color scheme provides significantly better
perceptual contrast. While the perceptual contrast achieved using
the harmonic color selection scheme reaches the JND threshold at
around n = 20, the corresponding contrast using the equilibrium
color scheme remains significantly above the JND even at n = 100.
C
250
Harmonic
Equilibrium
JND (CIE76)
200
150
C
Harmonic
Equilibrium
JND (CIEDE2000)
60
40
100
20
50
20
40
60
80
n
100
(a) CIE76 Color Distance
20
40
60
80
n
100
(b) CIEDE2000 Color Distance
Figure 4: Comparison of perceptual contrasts achieved using Harmonic and Equilibrium color schemes with (a) CIE76 (JND = 5) and
(b) CIEDE2000 (JND = 1) color distance formulae.
(a) Harmonic color scheme
(b) Equilibrium color scheme
Figure 2: Visualization of a segmented anatomy data set with 75
features using (a) Harmonic and (b) Equilibrium color schemes respectively.
5 C ONCLUSION
We have demonstrated the effectiveness of an automated selection of
colors based on a novel equilibrium distribution model and showed
that the minimum perceptual contrast provided by this model is
well above the threshold value for JND even for a large number of
unique features. We have further demonstrated its application in the
volumetric visualization of a segmented CT scan and also in a simple
data visualization. Although we have not considered the impacts of
opacity and lighting in the final rendering, this is a problem that all
other existing techniques would also face and we consider these as
topics of investigation in the future work. We intend to carry out
further experiments including other measures of contrast and also
user-based studies.
ACKNOWLEDGMENTS
This research has been conducted with the financial support of Science Foundation Ireland (SFI) under Grant Number 13/IA/1895.
R EFERENCES
(a) Harmonic color scheme
(b) Equilibrium color scheme
Figure 3: Visualization of a synthetic pie chart with 37 segments using
(a) Harmonic and (b) Equilibrium color schemes respectively.
4 E VALUATION
For objective evaluation, we measure the minimum contrast between
colors selected by the algorithm. Here, we use two different measures of perceptual contrast. The first one, known as the CIE76
∗ ), considers perceptual contrast based on the
color distance(∆Eab
Euclidean distance between two colors in the CIELAB color space.
To assess this contrast, we refer to the previous work by Mokrzycki
and Tatol [4] who presented an experimentally verified statistical
study, which determined that if the Euclidean Distance between
[1] L. D. Bergman, B. E. Rogowitz, and L. A. Treinish. A rule-based tool
for assisting colormap selection. In Proceedings of the 6th conference
on Visualization’95, p. 118. IEEE Computer Society, 1995.
[2] M. Harrower and C. A. Brewer. ColorBrewer.org: an online tool for
selecting colour schemes for maps. The Cartographic Journal, 40(1):27–
37, 2003.
[3] J. Itten and F. Birren. The elements of color. John Wiley & Sons, 1970.
[4] W. Mokrzycki and M. Tatol. Colour difference delta e - a survey. MGV,
20(4):383–411, 2011.
[5] G. Sharma, W. Wu, and E. N. Dalal. The CIEDE2000 color-difference
formula: Implementation notes, supplementary test data, and mathematical observations. Color Research & Application, 30(1):21–30, 2005.
[6] I.-F. Talos, M. Jakab, and R. Kikinis. CT-based atlas of the abdomen.
Surgical Planning Laboratory, Harvard Medical School. 09 2015.
[7] Y. Yang, J. Ming, and N. Yu. Color image quality assessment based on
ciede2000. Advances in Multimedia, 2012:11, 2012.