Mobile app version of vmapp.org
Login or Join
Gonzalez368

: Where can I find a large palette / set of contrasting colors for coloring many datasets on a plot? I need large set (20 and more) of contrasted and easily visually-distinguishable colors for

@Gonzalez368

Posted in: #Color #Contrast #InformationGraphics #PresentationDesign #ResourceRecommendations

I need large set (20 and more) of contrasted and easily visually-distinguishable colors for coloring different datasets on a scientific plot (the set of colors should not include white or black, and colors should be as bright as possible).

The plot is generated programmatically and intended to be included in a presentation which will be displayed using a projector.

Are there any ready-made sets of colors for such a task (I need colors as a set of RGB values)?

Or maybe there is some algorithm which generates such a set of colors programmatically (I use Wolfram Mathematica for plot generation)?

P.S. The plot itself may look, for example, similar to this one:

10.05% popularity Vote Up Vote Down


Login to follow query

More posts by @Gonzalez368

5 Comments

Sorted by latest first Latest Oldest Best

 

@Bethany839

Thanks to great work

P. Green-Armytage (2010): A Colour Alphabet and the Limits of Colour Coding. // Colour: Design & Creativity (5) (2010): 10, 1-23

(and to user ohadsc who referenced it!) now I know at least 3 ready-made color sets of maximum contrast containing not less than 20 colors (but I still have explicit RBG values only for one of them):

1) The set of 22 colours of maximum contrast proposed by Kenneth Kelly in the work:

K. Kelly (1965): Twenty-two colors of maximum contrast. // Color Eng., 3(6)

Specifics (citing P. Green-Armytage): "The order of colours in Kelly's list was planned so that there would be maximum contrast between colours in a set if the required number of colours were always selected in order from the top. <...> Kelly took care of the needs of people with defective color vision. The first nine colours would be maximally different for such people as well as for people with normal vision. These nine colours are also readily distinguishable by colour name."

Additional information (citing P. Green-Armytage): "The ISCC set up Project Committee 54 with the intention of bringing Kelly's work up to date. However, the committee decided that, for what they were trying to do, they could not improve on Kelly's set of colours."

2) The set of 25 colors suggested by Robert and Ellen Carter in the work:

Robert C. Carter, Ellen C. Carter (1982): High-contrast sets of colors. // Appl. Optics, 21 (1982) 2936-2939.

Specifics (citing P. Green-Armytage): "Carter and Carter make reference to Kelly's work and verify his assumption that the ease with which two colours can be discriminated depends on how far apart the colours are in colour space. From the colour spaces available at the time they chose CIE Luv* as most appropriate for their study. <...> They found that people's ability to identify colours correctly diminished rapidly when the distance between colours was less than 40 CIE Luv* units." In their work they present a set of 25 colors separated by at least 51.6 CIE Luv* units.

3) The set of 26 colors for the Colour Alphabet Project suggested by Paul Green-Armytage in the above-cited work "A Colour Alphabet and the Limits of Colour Coding." This color set is designed for use with white background. RGB triplets of this set are: {240,163,255},{0,117,220},{153,63,0},{76,0,92},{25,25,25},{0,92,49},{43,206,72},{255,204,153},{128,128,128},{148,255,181},{143,124,0},{157,204,0},{194,0,136},{0,51,128},{255,164,5},{255,168,187},{66,102,0},{255,0,16},{94,241,242},{0,153,143},{224,255,102},{116,10,255},{153,0,0},{255,255,128},{255,255,0},{255,80,5}.

UPDATE 1

4) There is another excellent article on the subject:

Zeileis, Hornik and Murrell (2009): Escaping RGBland: Selecting Colors
for Statistical Graphics // Computational Statistics & Data Analysis
Volume 53, Issue 9, 1 July 2009, Pages 3259-3270

This article contains nice set of 26 distinct colors on the page 11:



RGB triplets of this set are: {2,63,165},{125,135,185},{190,193,212},{214,188,192},{187,119,132},{142,6,59},{74,111,227},{133,149,225},{181,187,227},{230,175,185},{224,123,145},{211,63,106},{17,198,56},{141,213,147},{198,222,199},{234,211,198},{240,185,141},{239,151,8},{15,207,192},{156,222,214},{213,234,231},{243,225,235},{246,196,225},{247,156,212}.

UPDATE 2

User Tatarize suggests in his blog:

5) A set of 64 maximally dissimilar colors:



6) A color dictionary of 269 maximally distinct colors from all previous colors (I used this function for getting RGB triplets from the hex codes):



Here are the hex codes from linked blog post (complete listing of 269 hex codes of Tatarize's color alphabet hidden in the history of changes for readability).

7) 256 distinct colors.

UPDATE 3

Potentially useful web-applications:


Colors for data scientists. Generate and refine palettes of optimally distinct colors.
Generating Visually Distinct Colors.


UPDATE 4

8) List of 20 Simple, Distinct Colors by Sasha Trubetskoy:



"I made an easy to use list of colors that is optimized across all media; not without tiny compromises, of course, such as inexact CMYK conversions. The main issue is choosing “pure” (e.g. 100% magenta) or web-safe colors leads to gawdy, distracting and imbalanced color palettes. This is my attempt at a nice palette that works well for network or transit-style diagrams, or for categorical data."

10% popularity Vote Up Vote Down


 

@Shelley591

There's a fundamental flaw and that's attempting to plot 20 different things in one visual. That's a lot of visual clutter and adding 20 colors is only going to add to that clutter.

I'd consider rethinking the overall visual if you can. Perhaps segment it into 4 visuals of 5 colors each, mix and match overlays, etc.

Tufte is the go-to resource for learning more about plotting data in ways that best communicate the objective:
www.edwardtufte.com/tufte/

10% popularity Vote Up Vote Down


 

@Jessie844

You can try this color picker. It was designed for maps but we use it for charts and graphs as well. Good luck!
colorbrewer2.org/
Max 12 colours though. sorry. : )

10% popularity Vote Up Vote Down


 

@Jennifer810

A nice approach is the Solarized color scheme by Ethan Schoonover.

From the descr.:


"Solarized is a sixteen color palette (eight monotones, eight accent colors) designed for use with terminal and gui applications."


I think it's not only a nice color scheme, but also extensible and has a nice theory behind it.

10% popularity Vote Up Vote Down


 

@Tiffany317

The combination of "bright", "easily distinguishable" and "20 and more" is tricky. Reminds me of "Our work is fast, cheap and high-quality. Pick any two." I think you could drop "bright" out of the mix and just say "contrasted". That makes the brief simpler to achieve, and I think will get you where you want to be.

I don't know of such a set off-hand, but here's how I would go about it using Photoshop:


Create a blank document in the color mode (RGB or CMYK) you want to use. RGB is correct for all desktop printers and for on-screen or projection viewing. Use CMYK only if you need actual CMYK values.
Pick 5 base colors evenly spread around the color wheel. In the Hue setting, that means 0, 60, 120, 180, 240 and 300. These would be your starting points. (Alternatively, replace the default swatches with the Windows or Mac set available in the Swatches panel flyout menu, and use the 7th-last to 2nd-last.)
For each Hue, select 5 or 6 brightness and saturation levels that give you easily-distinguished final colors.
As you find each one, add it to your swatches.


If you're setting these up to be generated programatically, just take whichever of the values fit the color model you'll be dealing with. If you need to use Illustrator or Flash for the dots, add these steps:


Delete all the other swatches (Alt/Opt-click to remove) so all you have left are the ones you want.
Save the swatches using "Save Swatches for Exchange..." in the Swatches flyout. This saves a .ASE file which can be loaded into Illustrator, InDesign or any of the other Adobe apps.


I hope that helps.

[Addition after question expanded]

Base colors in hex are: 0xff0000 (pure red), 0xffff00 (yellow), 0x00ff00 (green), 0x00ffff (cyan), 0x0000ff (blue) and 0xff00ff (magenta). Doing some experimenting, I found pure yellow too close too white to be entirely useful for your purposes, and blue required a different starting point because it is visually dark. From each base color, you can get away with 4 shades. Since you can also use greys, that permits a 7x4 matrix of what I would consider quite usable colors, given your constraints (and presumed lack of access to Photoshop or a similar application). Grab a calculator and derive the decimal values if you need them! :-)


For all but yellow, blue and gray, your starting points are the pure colors. Reduce the hex values from ff to b0, 87 and 55 for your four shades.
For blue, the "bright" is b0b0ff, and the shades are 8484ff, 4949ff and 0000ff.
For yellow: e4e400, baba00, 878700 and 545400 will work, and for the gray values make the low order bytes the same as the high and middle in each case.


My quick-and-dirty chart of these (minus the greys) looks like this:

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme