bar chart Example 1
bar chart Example 2
line chart Example 3
line chart Example 4
pie chart Example 5
pie chart Example 6

Live Example
Graphic Tools
Invisible Counter

HTML Color Codes - Hex Colors - Color Spectrum

Select a startcolor to create spectrum
Restart from the basic HTML colors (RED, GREEN, BLUE)
Restart from a color using the colorpicker.
Click on a color in the spectum grid to refine the spectrum
and find the complementary html colors
Colorpallet from #CDC2BB to #CDBBC2 and to #C2CDBB
#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB
#CDC1BC#CDC1BC#CCC2BC#CCC2BC#CCC3BB#CBC3BB#CBC4BB
#CDC0BD#CCC1BD#CCC2BC#CBC3BC#CAC4BC#CAC5BB#C9C6BB
#CDBFBE#CCC0BE#CBC2BD#CBC3BD#CAC4BC#C9C5BC#C8C7BB
#CDBEBF#CCC0BE#CBC2BE#CAC3BD#C9C5BC#C7C7BC#C6C9BB
#CDBCC1#CCBEC0#CAC1BF#C9C3BE#C7C6BD#C6C8BC#C4CBBB
#CDBBC2#CBBEC1#C9C1C0#C8C4BF#C6C7BE#C4C9BC#C2CDBB
Colorpallet from #CDC2BB to #CDBBC2 and to #C2BBCD
#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB
#CDC1BC#CDC1BC#CCC1BD#CCC1BD#CCC1BD#CBC1BE#CBC1BE
#CDC0BD#CCC0BE#CCC0BE#CBC0BF#CAC0C0#CAC0C0#C9C0C1
#CDBFBE#CCBFBF#CBBFC0#CBBFC1#CABFC2#C9BFC3#C8BFC4
#CDBEBF#CCBEC0#CBBEC2#CABEC3#C9BEC4#C7BEC5#C6BEC7
#CDBCC1#CCBCC2#CABCC4#C9BCC5#C7BCC6#C6BCC7#C4BCC9
#CDBBC2#CBBBC4#C9BBC6#C8BBC7#C6BBC9#C4BBCB#C2BBCD
Colorpallet from #CDC2BB to #CDBBC2 and to #BBCDC2
#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB
#CDC1BC#CDC1BC#CCC2BC#CCC2BC#CBC3BC#CBC3BC#CAC4BC
#CDC0BD#CCC1BD#CBC2BD#CAC3BD#C9C4BD#C8C5BD#C7C6BD
#CDBFBE#CCC0BE#CAC2BE#C9C3BE#C7C4BE#C6C5BE#C4C7BE
#CDBEBF#CBC0BF#C9C2BF#C7C3BF#C5C5BF#C3C7BF#C1C9BF
#CDBCC1#CBBEC1#C9C1C1#C6C3C1#C4C6C1#C2C8C1#BFCBC1
#CDBBC2#CABEC2#C7C1C2#C4C4C2#C1C7C2#BFC9C2#BBCDC2
Colorpallet from #CDC2BB to #CDBBC2 and to #BBC2CD
#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB
#CDC1BC#CDC1BC#CCC1BD#CCC1BD#CBC2BD#CBC2BE#CAC2BE
#CDC0BD#CCC0BE#CBC1BE#CAC1BF#C9C1C0#C8C2C0#C7C2C1
#CDBFBE#CCBFBF#CAC0C0#C9C0C1#C7C1C2#C6C1C3#C4C2C4
#CDBEBF#CBBFC0#C9BFC2#C7C0C3#C5C1C4#C3C1C5#C1C2C7
#CDBCC1#CBBDC2#C9BEC4#C6BFC5#C4C0C6#C2C1C7#BFC2C9
#CDBBC2#CABCC4#C7BDC6#C4BEC7#C1BFC9#BFC1CB#BBC2CD
Colorpallet from #CDC2BB to #C2CDBB and to #C2BBCD
#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB
#CBC4BB#CBC4BB#CBC3BC#CBC3BC#CBC2BD#CBC2BD#CBC1BE
#C9C6BB#C9C5BC#C9C4BD#C9C3BE#C9C2BF#C9C1C0#C9C0C1
#C8C7BB#C8C6BC#C8C4BE#C8C3BF#C8C2C1#C8C1C2#C8BFC4
#C6C9BB#C6C7BD#C6C5BF#C6C4C1#C6C2C3#C6C0C5#C6BEC7
#C4CBBB#C4C9BD#C4C6BF#C4C4C2#C4C1C4#C4BFC6#C4BCC9
#C2CDBB#C2CABE#C2C7C1#C2C4C4#C2C1C7#C2BFC9#C2BBCD
Colorpallet from #CDC2BB to #C2CDBB and to #BBCDC2
#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB
#CBC4BB#CBC4BB#CBC4BB#CBC4BB#CAC4BC#CAC4BC#CAC4BC
#C9C6BB#C9C6BB#C8C6BC#C8C6BC#C8C6BC#C7C6BD#C7C6BD
#C8C7BB#C7C7BB#C7C7BC#C6C7BC#C5C7BD#C5C7BD#C4C7BE
#C6C9BB#C5C9BC#C4C9BC#C4C9BD#C3C9BE#C2C9BE#C1C9BF
#C4CBBB#C3CBBC#C2CBBD#C2CBBE#C1CBBF#C0CBC0#BFCBC1
#C2CDBB#C1CDBC#C0CDBD#BFCDBE#BECDBF#BCCDC1#BBCDC2
Colorpallet from #CDC2BB to #C2CDBB and to #BBC2CD
#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB
#CBC4BB#CBC4BB#CBC3BC#CBC3BC#CAC3BD#CAC2BD#CAC2BE
#C9C6BB#C9C5BC#C8C5BD#C8C4BE#C8C3BF#C7C3C0#C7C2C1
#C8C7BB#C7C6BC#C7C5BE#C6C5BF#C5C4C1#C5C3C2#C4C2C4
#C6C9BB#C5C8BD#C4C7BF#C4C6C1#C3C5C3#C2C3C5#C1C2C7
#C4CBBB#C3CABD#C2C8BF#C2C7C2#C1C5C4#C0C4C6#BFC2C9
#C2CDBB#C1CBBE#C0C9C1#BFC8C4#BEC6C7#BCC4C9#BBC2CD
Colorpallet from #CDC2BB to #C2BBCD and to #BBCDC2
#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB
#CBC1BE#CBC1BE#CBC2BD#CBC2BD#CAC3BD#CAC3BC#CAC4BC
#C9C0C1#C9C1C0#C8C2C0#C8C3BF#C8C4BE#C7C5BE#C7C6BD
#C8BFC4#C7C0C3#C7C2C2#C6C3C1#C5C4C0#C5C5BF#C4C7BE
#C6BEC7#C5C0C6#C4C2C4#C4C3C3#C3C5C2#C2C7C1#C1C9BF
#C4BCC9#C3BEC8#C2C1C6#C2C3C5#C1C6C4#C0C8C3#BFCBC1
#C2BBCD#C1BECB#C0C1C9#BFC4C8#BEC7C6#BCC9C4#BBCDC2
Colorpallet from #CDC2BB to #C2BBCD and to #BBC2CD
#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB
#CBC1BE#CBC1BE#CBC1BE#CBC1BE#CAC2BE#CAC2BE#CAC2BE
#C9C0C1#C9C0C1#C8C1C1#C8C1C1#C8C1C1#C7C2C1#C7C2C1
#C8BFC4#C7BFC4#C7C0C4#C6C0C4#C5C1C4#C5C1C4#C4C2C4
#C6BEC7#C5BFC7#C4BFC7#C4C0C7#C3C1C7#C2C1C7#C1C2C7
#C4BCC9#C3BDC9#C2BEC9#C2BFC9#C1C0C9#C0C1C9#BFC2C9
#C2BBCD#C1BCCD#C0BDCD#BFBECD#BEBFCD#BCC1CD#BBC2CD
Colorpallet from #CDC2BB to #BBCDC2 and to #BBC2CD
#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB#CDC2BB
#CAC4BC#CAC4BC#CAC3BD#CAC3BD#CAC3BD#CAC2BE#CAC2BE
#C7C6BD#C7C5BE#C7C5BE#C7C4BF#C7C3C0#C7C3C0#C7C2C1
#C4C7BE#C4C6BF#C4C5C0#C4C5C1#C4C4C2#C4C3C3#C4C2C4
#C1C9BF#C1C8C0#C1C7C2#C1C6C3#C1C5C4#C1C3C5#C1C2C7
#BFCBC1#BFCAC2#BFC8C4#BFC7C5#BFC5C6#BFC4C7#BFC2C9
#BBCDC2#BBCBC4#BBC9C6#BBC8C7#BBC6C9#BBC4CB#BBC2CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
create a timechart
create a piechart
create a barchart
create a ganttchart