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 #BAC5D2 to #BAD2C5 and to #C5BAD2
#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2
#BAC7D0#BAC6D0#BBC6D1#BBC5D1#BBC4D1#BCC4D2#BCC3D2
#BAC9CE#BBC8CF#BBC6CF#BCC5D0#BDC4D1#BDC3D1#BEC1D2
#BACBCC#BBC9CD#BCC7CE#BCC6CF#BDC4D0#BEC2D1#BFC0D2
#BACDCA#BBCBCB#BCC8CD#BDC6CE#BEC3CF#C0C1D0#C1BED2
#BACFC8#BBCCCA#BDC9CB#BEC6CD#C0C3CE#C1C0D0#C3BCD2
#BAD2C5#BCCEC7#BECAC9#BFC6CB#C1C3CD#C3BFCF#C5BAD2
Colorpallet from #BAC5D2 to #BAD2C5 and to #C5D2BA
#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2
#BAC7D0#BAC7D0#BBC7CF#BBC7CF#BBC7CF#BCC7CE#BCC7CE
#BAC9CE#BBC9CD#BBC9CD#BCC9CC#BDC9CB#BDC9CB#BEC9CA
#BACBCC#BBCBCB#BCCBCA#BCCBC9#BDCBC8#BECBC7#BFCBC6
#BACDCA#BBCDC9#BCCDC8#BDCDC7#BECDC6#C0CDC4#C1CDC3
#BACFC8#BBCFC7#BDCFC5#BECFC4#C0CFC2#C1CFC1#C3CFBF
#BAD2C5#BCD2C3#BED2C1#BFD2C0#C1D2BE#C3D2BC#C5D2BA
Colorpallet from #BAC5D2 to #BAD2C5 and to #D2BAC5
#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2
#BAC7D0#BBC6D0#BBC6D0#BCC5D0#BDC4D0#BDC4D0#BEC3D0
#BAC9CE#BBC8CE#BDC6CE#BEC5CE#BFC4CE#C0C3CE#C2C1CE
#BACBCC#BCC9CC#BEC7CC#C0C6CC#C2C4CC#C4C2CC#C6C0CC
#BACDCA#BCCBCA#BFC8CA#C1C6CA#C4C3CA#C6C1CA#C9BECA
#BACFC8#BDCCC8#C0C9C8#C3C6C8#C6C3C8#C9C0C8#CDBCC8
#BAD2C5#BECEC5#C2CAC5#C6C6C5#C9C3C5#CDBFC5#D2BAC5
Colorpallet from #BAC5D2 to #BAD2C5 and to #D2C5BA
#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2
#BAC7D0#BBC7D0#BBC6CF#BCC6CF#BDC6CF#BDC5CE#BEC5CE
#BAC9CE#BBC8CD#BDC8CD#BEC7CC#BFC6CB#C0C6CB#C2C5CA
#BACBCC#BCCACB#BEC9CA#C0C8C9#C2C7C8#C4C6C7#C6C5C6
#BACDCA#BCCCC9#BFCAC8#C1C9C7#C4C8C6#C6C7C4#C9C5C3
#BACFC8#BDCDC7#C0CCC5#C3CAC4#C6C9C2#C9C7C1#CDC5BF
#BAD2C5#BED0C3#C2CEC1#C6CCC0#C9CABE#CDC8BC#D2C5BA
Colorpallet from #BAC5D2 to #C5BAD2 and to #C5D2BA
#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2
#BCC3D2#BCC4D1#BCC4D1#BCC5D0#BCC6CF#BCC6CF#BCC7CE
#BEC1D2#BEC2D1#BEC4CF#BEC5CE#BEC6CD#BEC7CC#BEC9CA
#BFC0D2#BFC2D0#BFC4CE#BFC5CC#BFC7CA#BFC9C8#BFCBC6
#C1BED2#C1C0D0#C1C3CD#C1C5CB#C1C8C8#C1CAC6#C1CDC3
#C3BCD2#C3BFCF#C3C2CC#C3C5C9#C3C8C6#C3CBC3#C3CFBF
#C5BAD2#C5BECE#C5C2CA#C5C6C6#C5C9C3#C5CDBF#C5D2BA
Colorpallet from #BAC5D2 to #C5BAD2 and to #D2BAC5
#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2
#BCC3D2#BCC3D2#BDC3D1#BDC3D1#BDC3D1#BEC3D0#BEC3D0
#BEC1D2#BFC1D1#BFC1D1#C0C1D0#C1C1CF#C1C1CF#C2C1CE
#BFC0D2#C0C0D1#C1C0D0#C2C0CF#C3C0CE#C5C0CD#C6C0CC
#C1BED2#C2BED1#C4BECF#C5BECE#C6BECD#C7BECC#C9BECA
#C3BCD2#C5BCD0#C6BCCF#C8BCCD#C9BCCC#CBBCCA#CDBCC8
#C5BAD2#C7BAD0#C9BACE#CBBACC#CDBACA#CFBAC8#D2BAC5
Colorpallet from #BAC5D2 to #C5BAD2 and to #D2C5BA
#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2
#BCC3D2#BCC3D1#BDC4D1#BDC4D0#BDC4CF#BEC5CF#BEC5CE
#BEC1D2#BFC2D1#BFC2CF#C0C3CE#C1C4CD#C1C4CC#C2C5CA
#BFC0D2#C0C1D0#C1C2CE#C2C2CC#C3C3CA#C5C4C8#C6C5C6
#C1BED2#C2BFD0#C4C0CD#C5C1CB#C6C2C8#C7C4C6#C9C5C3
#C3BCD2#C5BDCF#C6BFCC#C8C0C9#C9C2C6#CBC3C3#CDC5BF
#C5BAD2#C7BCCE#C9BECA#CBBFC6#CDC1C3#CFC3BF#D2C5BA
Colorpallet from #BAC5D2 to #C5D2BA and to #D2BAC5
#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2
#BCC7CE#BCC6CE#BDC6CF#BDC5CF#BDC4CF#BEC4D0#BEC3D0
#BEC9CA#BFC8CB#BFC6CB#C0C5CC#C1C4CD#C1C3CD#C2C1CE
#BFCBC6#C0C9C7#C1C7C8#C2C6C9#C3C4CA#C5C2CB#C6C0CC
#C1CDC3#C2CBC4#C4C8C5#C5C6C6#C6C3C7#C7C1C9#C9BECA
#C3CFBF#C5CCC0#C6C9C2#C8C6C3#C9C3C5#CBC0C6#CDBCC8
#C5D2BA#C7CEBC#C9CABE#CBC6BF#CDC3C1#CFBFC3#D2BAC5
Colorpallet from #BAC5D2 to #C5D2BA and to #D2C5BA
#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2
#BCC7CE#BCC7CE#BDC6CE#BDC6CE#BDC6CE#BEC5CE#BEC5CE
#BEC9CA#BFC8CA#BFC8CA#C0C7CA#C1C6CA#C1C6CA#C2C5CA
#BFCBC6#C0CAC6#C1C9C6#C2C8C6#C3C7C6#C5C6C6#C6C5C6
#C1CDC3#C2CCC3#C4CAC3#C5C9C3#C6C8C3#C7C7C3#C9C5C3
#C3CFBF#C5CDBF#C6CCBF#C8CABF#C9C9BF#CBC7BF#CDC5BF
#C5D2BA#C7D0BA#C9CEBA#CBCCBA#CDCABA#CFC8BA#D2C5BA
Colorpallet from #BAC5D2 to #D2BAC5 and to #D2C5BA
#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2#BAC5D2
#BEC3D0#BEC3D0#BEC4CF#BEC4CF#BEC4CF#BEC5CE#BEC5CE
#C2C1CE#C2C2CD#C2C2CD#C2C3CC#C2C4CB#C2C4CB#C2C5CA
#C6C0CC#C6C1CB#C6C2CA#C6C2C9#C6C3C8#C6C4C7#C6C5C6
#C9BECA#C9BFC9#C9C0C8#C9C1C7#C9C2C6#C9C4C4#C9C5C3
#CDBCC8#CDBDC7#CDBFC5#CDC0C4#CDC2C2#CDC3C1#CDC5BF
#D2BAC5#D2BCC3#D2BEC1#D2BFC0#D2C1BE#D2C3BC#D2C5BA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
create a timechart
create a piechart
create a barchart
create a ganttchart