From Where Can I Get List Of All Color Patterns Used By Google Charts?

Question is simple, by default Google Charts uses some predefined colors for factors on the charts. First four are: Blue #3366CC Red #DC3912 Yellow #FF9900 Green #109618 Fine. Wh

Solution 1:

This is an old post but I couldn't find the complete list on the web. Apparently Google uses 31 colors then loops (the 32nd color is the 1st blue). Here is the full list :

#3366cc#dc3912#ff9900#109618#990099#0099c6#dd4477#66aa00#b82e2e#316395#994499#22aa99#aaaa11#6633cc#e67300#8b0707#651067#329262#5574a6#3b3eac#b77322#16d620#b91383#f4359e#9c5935#a9c413#2a778d#668d1c#bea413#0c5922#743411

Solution 2:

Two resources that may help you with the Google Chart Color List

• https://www.google.com/design/spec/style/color.html#color-color-palette
• http://there4.io/2012/05/02/google-chart-color-list/

Solution 3:

OK. So here's the fiddle: http://jsfiddle.net/slick/xcpxz738/

vardata = google.visualization.arrayToDataTable([
    ['Task', 'Hours per Day'],
    ['factor1',     1],
    ['factor2',     1],
    ['factor3',     1],
    ['factor4',     1],
    ['factor5',     1],
    ['factor6',     1],
    ['factor7',     1],
    ['factor8',     1],
    ['factor9',     1],
    ['factor10',     1],
    ['factor11',     1],
    ['factor12',     1],
    ['factor13',     1],
    ['factor14',     1],
    ['factor15',     1],
    ['factor16',     1],
    ['factor17',     1],
    ['factor18',     1],
    ['factor19',     1],
    ['factor20',     1],
    ['factor21',     1],
    ['factor22',     1],
    ['factor23',     1],
    ['factor24',     1],
    ['factor25',     1],
  ]);

25 factors and 21st doesn't use blue (from the 1st). I'm pretty sure that I won't use so many factors. I case of that I will simply put more factors to this fiddle to check next colors.

I will simply use color picker to copy and paste colors to my C3. Than you mwilson anyway. I'll give you upvote.

Solution 4:

This is not a direct answer, but in case someone will be looking for a set of darker colors for the charts and gets here like I did, here's the list created using https://pinetools.com/darken-color and list of colors provided by LouiseS:

colors: ['#264c99', '#a52a0d', '#bf7200',
            '#0c7012', '#720072', '#007294',
            '#b72153', '#4c7f00', '#8a2222',
            '#244a6f', '#723372', '#197f72',
            '#7f7f0c', '#4c2699', '#ac5600',
            '#680505', '#4b0c4d', '#256d49',
            '#3f577c', '#2c2e81', '#895619',
            '#10a017', '#8a0e62', '#d30b79',
            '#754227', '#7e930e', '#1f5969',
            '#4c6914', '#8e7b0e', '#084219',
            '#57270c'
    ]