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 #A8D3C2 to #A8C2D3 and to #D3A8C2
#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2
#A8D0C5#A9CFC5#AACFC4#ABCEC4#ACCDC3#AECDC3#AFCCC2
#A8CEC7#AACDC6#ACCBC5#AFCAC5#B1C8C4#B3C7C3#B6C5C2
#A8CBCA#ABC9C9#AFC7C7#B2C5C6#B5C3C5#B9C1C4#BDBEC2
#A8C8CD#ACC5CB#B1C3C9#B5C0C8#BABDC6#BEBAC4#C4B7C2
#A8C5D0#ADC2CE#B3BFCC#B8BBC9#BEB8C7#C3B5C5#CAB1C2
#A8C2D3#AFBED0#B6BACE#BDB6CB#C4B1C8#CAADC5#D3A8C2
Colorpallet from #A8D3C2 to #A8C2D3 and to #D3C2A8
#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2
#A8D0C5#A9D0C4#AAD0C3#ABD0C2#ACD0C1#AED0BF#AFD0BE
#A8CEC7#AACEC5#ACCEC3#AFCEC1#B1CEBF#B3CEBD#B6CEBA
#A8CBCA#ABCBC7#AFCBC4#B2CBC0#B5CBBD#B9CBBA#BDCBB6
#A8C8CD#ACC8C9#B1C8C4#B5C8C0#BAC8BB#BEC8B7#C4C8B1
#A8C5D0#ADC5CA#B3C5C5#B8C5BF#BEC5BA#C3C5B4#CAC5AD
#A8C2D3#AFC2CC#B6C2C5#BDC2BE#C4C2B7#CAC2B1#D3C2A8
Colorpallet from #A8D3C2 to #A8C2D3 and to #C2A8D3
#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2
#A8D0C5#A9CFC5#A9CFC5#AACEC5#ABCDC5#ABCDC5#ACCCC5
#A8CEC7#A9CDC7#ABCBC7#ACCAC7#ADC8C7#AEC7C7#B0C5C7
#A8CBCA#AAC9CA#ACC7CA#AEC5CA#B0C3CA#B2C1CA#B4BECA
#A8C8CD#ABC5CD#ADC3CD#B0C0CD#B3BDCD#B6BACD#B9B7CD
#A8C5D0#ABC2D0#AFBFD0#B2BBD0#B5B8D0#B9B5D0#BDB1D0
#A8C2D3#ACBED3#B0BAD3#B4B6D3#B9B1D3#BDADD3#C2A8D3
Colorpallet from #A8D3C2 to #A8C2D3 and to #C2D3A8
#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2
#A8D0C5#A9D0C4#A9D1C3#AAD1C2#ABD2C1#ABD2BF#ACD3BE
#A8CEC7#A9CFC5#ABD0C3#ACD0C1#ADD1BF#AED2BD#B0D3BA
#A8CBCA#AACCC7#ACCEC4#AECFC0#B0D0BD#B2D1BA#B4D3B6
#A8C8CD#ABCAC9#ADCCC4#B0CDC0#B3CFBB#B6D1B7#B9D3B1
#A8C5D0#ABC7CA#AFC9C5#B2CCBF#B5CEBA#B9D0B4#BDD3AD
#A8C2D3#ACC5CC#B0C7C5#B4CABE#B9CDB7#BDD0B1#C2D3A8
Colorpallet from #A8D3C2 to #D3A8C2 and to #D3C2A8
#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2
#AFCCC2#AFCDC1#AFCDC1#AFCEC0#AFCFBF#AFCFBF#AFD0BE
#B6C5C2#B6C6C1#B6C8BF#B6C9BE#B6CBBD#B6CCBC#B6CEBA
#BDBEC2#BDC0C0#BDC2BE#BDC4BC#BDC6BA#BDC8B8#BDCBB6
#C4B7C2#C4BABF#C4BCBD#C4BFBA#C4C2B7#C4C5B4#C4C8B1
#CAB1C2#CAB4BF#CAB7BB#CABBB8#CABEB5#CAC1B1#CAC5AD
#D3A8C2#D3ACBE#D3B0BA#D3B4B6#D3B9B1#D3BDAD#D3C2A8
Colorpallet from #A8D3C2 to #D3A8C2 and to #C2A8D3
#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2
#AFCCC2#AFCCC2#AECCC3#AECCC3#ADCCC4#ADCCC4#ACCCC5
#B6C5C2#B5C5C3#B4C5C4#B3C5C4#B2C5C5#B1C5C6#B0C5C7
#BDBEC2#BCBEC3#BABEC5#B9BEC6#B7BEC7#B6BEC8#B4BECA
#C4B7C2#C2B7C4#C0B7C6#BFB7C7#BDB7C9#BBB7CB#B9B7CD
#CAB1C2#C8B1C4#C6B1C6#C4B1C9#C2B1CB#C0B1CD#BDB1D0
#D3A8C2#D0A8C5#CEA8C7#CBA8CA#C8A8CD#C5A8D0#C2A8D3
Colorpallet from #A8D3C2 to #D3A8C2 and to #C2D3A8
#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2
#AFCCC2#AFCDC1#AECEC1#AECFC0#ADD0BF#ADD2BF#ACD3BE
#B6C5C2#B5C7C1#B4C9BF#B3CCBE#B2CEBD#B1D0BC#B0D3BA
#BDBEC2#BCC1C0#BAC5BE#B9C8BC#B7CBBA#B6CFB8#B4D3B6
#C4B7C2#C2BBBF#C0C0BD#BFC4BA#BDC9B7#BBCDB4#B9D3B1
#CAB1C2#C8B6BF#C6BCBB#C4C1B8#C2C7B5#C0CCB1#BDD3AD
#D3A8C2#D0AFBE#CEB6BA#CBBDB6#C8C4B1#C5CAAD#C2D3A8
Colorpallet from #A8D3C2 to #D3C2A8 and to #C2A8D3
#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2
#AFD0BE#AFCFBF#AECFC0#AECEC1#ADCDC2#ADCDC4#ACCCC5
#B6CEBA#B5CDBC#B4CBBE#B3CAC0#B2C8C2#B1C7C4#B0C5C7
#BDCBB6#BCC9B9#BAC7BC#B9C5C0#B7C3C3#B6C1C6#B4BECA
#C4C8B1#C2C5B5#C0C3BA#BFC0BE#BDBDC3#BBBAC7#B9B7CD
#CAC5AD#C8C2B3#C6BFB8#C4BBBE#C2B8C3#C0B5C9#BDB1D0
#D3C2A8#D0BEAF#CEBAB6#CBB6BD#C8B1C4#C5ADCA#C2A8D3
Colorpallet from #A8D3C2 to #D3C2A8 and to #C2D3A8
#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2
#AFD0BE#AFD0BE#AED1BE#AED1BE#ADD2BE#ADD2BE#ACD3BE
#B6CEBA#B5CFBA#B4D0BA#B3D0BA#B2D1BA#B1D2BA#B0D3BA
#BDCBB6#BCCCB6#BACEB6#B9CFB6#B7D0B6#B6D1B6#B4D3B6
#C4C8B1#C2CAB1#C0CCB1#BFCDB1#BDCFB1#BBD1B1#B9D3B1
#CAC5AD#C8C7AD#C6C9AD#C4CCAD#C2CEAD#C0D0AD#BDD3AD
#D3C2A8#D0C5A8#CEC7A8#CBCAA8#C8CDA8#C5D0A8#C2D3A8
Colorpallet from #A8D3C2 to #C2A8D3 and to #C2D3A8
#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2#A8D3C2
#ACCCC5#ACCDC4#ACCEC3#ACCFC2#ACD0C1#ACD2BF#ACD3BE
#B0C5C7#B0C7C5#B0C9C3#B0CCC1#B0CEBF#B0D0BD#B0D3BA
#B4BECA#B4C1C7#B4C5C4#B4C8C0#B4CBBD#B4CFBA#B4D3B6
#B9B7CD#B9BBC9#B9C0C4#B9C4C0#B9C9BB#B9CDB7#B9D3B1
#BDB1D0#BDB6CA#BDBCC5#BDC1BF#BDC7BA#BDCCB4#BDD3AD
#C2A8D3#C2AFCC#C2B6C5#C2BDBE#C2C4B7#C2CAB1#C2D3A8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
create a timechart
create a piechart
create a barchart
create a ganttchart