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 #CCD6C2 to #CCC2D6 and to #D6CCC2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD3C5
#CCD3C5
#CDD3C4
#CDD3C4
#CDD4C3
#CED4C3
#CED4C2
#CCD0C8
#CCD0C7
#CDD1C6
#CDD1C5
#CED2C4
#CED2C3
#CFD3C2
#CCCCCC
#CDCDCA
#CECEC9
#CECEC7
#CFCFC6
#D0D0C4
#D1D1C2
#CCC9CF
#CDCACD
#CECBCB
#CFCCC9
#D0CDC7
#D1CFC5
#D2D0C2
#CCC6D2
#CDC7CF
#CFC9CD
#D0CACA
#D1CBC8
#D2CCC5
#D4CEC2
#CCC2D6
#CEC4D3
#CFC5D0
#D1C7CC
#D2C8C9
#D4CAC6
#D6CCC2
Colorpallet from #CCD6C2 to #CCC2D6 and to #D6C2CC
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD3C5
#CCD3C5
#CDD3C5
#CDD3C5
#CDD3C4
#CED3C4
#CED3C4
#CCD0C8
#CCD0C8
#CDD0C7
#CDD0C7
#CED0C6
#CED0C6
#CFD0C5
#CCCCCC
#CDCCCB
#CECCCA
#CECCCA
#CFCCC9
#D0CCC8
#D1CCC7
#CCC9CF
#CDC9CE
#CEC9CD
#CFC9CC
#D0C9CB
#D1C9C9
#D2C9C8
#CCC6D2
#CDC6D1
#CFC6CF
#D0C6CE
#D1C6CD
#D2C6CC
#D4C6CA
#CCC2D6
#CEC2D4
#CFC2D3
#D1C2D1
#D2C2D0
#D4C2CE
#D6C2CC
Colorpallet from #CCD6C2 to #CCC2D6 and to #C2CCD6
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD3C5
#CCD3C5
#CBD3C5
#CBD3C5
#CBD4C5
#CAD4C5
#CAD4C5
#CCD0C8
#CCD0C8
#CBD1C8
#CBD1C8
#CAD2C8
#CAD2C8
#C9D3C8
#CCCCCC
#CBCDCC
#CACECC
#CACECC
#C9CFCC
#C8D0CC
#C7D1CC
#CCC9CF
#CBCACF
#CACBCF
#C9CCCF
#C8CDCF
#C7CFCF
#C6D0CF
#CCC6D2
#CBC7D2
#C9C9D2
#C8CAD2
#C7CBD2
#C6CCD2
#C4CED2
#CCC2D6
#CAC4D6
#C9C5D6
#C7C7D6
#C6C8D6
#C4CAD6
#C2CCD6
Colorpallet from #CCD6C2 to #CCC2D6 and to #C2D6CC
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD3C5
#CCD3C5
#CBD4C5
#CBD4C5
#CBD5C4
#CAD5C4
#CAD6C4
#CCD0C8
#CCD1C8
#CBD2C7
#CBD3C7
#CAD4C6
#CAD5C6
#C9D6C5
#CCCCCC
#CBCECB
#CACFCA
#CAD1CA
#C9D2C9
#C8D4C8
#C7D6C7
#CCC9CF
#CBCBCE
#CACDCD
#C9CFCC
#C8D1CB
#C7D3C9
#C6D6C8
#CCC6D2
#CBC9D1
#C9CBCF
#C8CECE
#C7D0CD
#C6D3CC
#C4D6CA
#CCC2D6
#CAC5D4
#C9C8D3
#C7CCD1
#C6CFD0
#C4D2CE
#C2D6CC
Colorpallet from #CCD6C2 to #D6CCC2 and to #D6C2CC
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CED4C2
#CED4C2
#CED4C3
#CED4C3
#CED3C3
#CED3C4
#CED3C4
#CFD3C2
#CFD3C2
#CFD2C3
#CFD2C3
#CFD1C4
#CFD1C4
#CFD0C5
#D1D1C2
#D1D0C3
#D1CFC4
#D1CFC4
#D1CEC5
#D1CDC6
#D1CCC7
#D2D0C2
#D2CFC3
#D2CEC4
#D2CDC5
#D2CCC6
#D2CAC7
#D2C9C8
#D4CEC2
#D4CDC3
#D4CBC5
#D4CAC6
#D4C9C7
#D4C8C8
#D4C6CA
#D6CCC2
#D6CAC4
#D6C9C5
#D6C7C7
#D6C6C8
#D6C4CA
#D6C2CC
Colorpallet from #CCD6C2 to #D6CCC2 and to #C2CCD6
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CED4C2
#CDD4C2
#CDD4C3
#CCD4C3
#CBD4C4
#CBD4C4
#CAD4C5
#CFD3C2
#CED3C3
#CDD3C4
#CCD3C5
#CBD3C6
#CAD3C7
#C9D3C8
#D1D1C2
#CFD1C4
#CED1C5
#CCD1C7
#CBD1C8
#C9D1CA
#C7D1CC
#D2D0C2
#D0D0C4
#CED0C6
#CCD0C8
#CAD0CA
#C8D0CC
#C6D0CF
#D4CEC2
#D1CEC5
#CFCEC7
#CCCECA
#CACECC
#C7CECF
#C4CED2
#D6CCC2
#D3CCC5
#D0CCC8
#CCCCCC
#C9CCCF
#C6CCD2
#C2CCD6
Colorpallet from #CCD6C2 to #D6CCC2 and to #C2D6CC
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CED4C2
#CDD4C2
#CDD5C3
#CCD5C3
#CBD5C3
#CBD6C4
#CAD6C4
#CFD3C2
#CED3C2
#CDD4C3
#CCD4C3
#CBD5C4
#CAD5C4
#C9D6C5
#D1D1C2
#CFD2C3
#CED3C4
#CCD3C4
#CBD4C5
#C9D5C6
#C7D6C7
#D2D0C2
#D0D1C3
#CED2C4
#CCD3C5
#CAD4C6
#C8D5C7
#C6D6C8
#D4CEC2
#D1CFC3
#CFD1C5
#CCD2C6
#CAD3C7
#C7D4C8
#C4D6CA
#D6CCC2
#D3CEC4
#D0CFC5
#CCD1C7
#C9D2C8
#C6D4CA
#C2D6CC
Colorpallet from #CCD6C2 to #D6C2CC and to #C2CCD6
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CED3C4
#CDD3C4
#CDD3C4
#CCD3C4
#CBD4C5
#CBD4C5
#CAD4C5
#CFD0C5
#CED0C5
#CDD1C6
#CCD1C6
#CBD2C7
#CAD2C7
#C9D3C8
#D1CCC7
#CFCDC8
#CECEC9
#CCCEC9
#CBCFCA
#C9D0CB
#C7D1CC
#D2C9C8
#D0CAC9
#CECBCA
#CCCCCB
#CACDCC
#C8CFCE
#C6D0CF
#D4C6CA
#D1C7CB
#CFC9CD
#CCCACE
#CACBCF
#C7CCD0
#C4CED2
#D6C2CC
#D3C4CE
#D0C5CF
#CCC7D1
#C9C8D2
#C6CAD4
#C2CCD6
Colorpallet from #CCD6C2 to #D6C2CC and to #C2D6CC
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CED3C4
#CDD3C4
#CDD4C4
#CCD4C4
#CBD5C4
#CBD5C4
#CAD6C4
#CFD0C5
#CED1C5
#CDD2C5
#CCD3C5
#CBD4C5
#CAD5C5
#C9D6C5
#D1CCC7
#CFCEC7
#CECFC7
#CCD1C7
#CBD2C7
#C9D4C7
#C7D6C7
#D2C9C8
#D0CBC8
#CECDC8
#CCCFC8
#CAD1C8
#C8D3C8
#C6D6C8
#D4C6CA
#D1C9CA
#CFCBCA
#CCCECA
#CAD0CA
#C7D3CA
#C4D6CA
#D6C2CC
#D3C5CC
#D0C8CC
#CCCCCC
#C9CFCC
#C6D2CC
#C2D6CC
Colorpallet from #CCD6C2 to #C2CCD6 and to #C2D6CC
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CCD6C2
#CAD4C5
#CAD4C5
#CAD5C5
#CAD5C5
#CAD5C4
#CAD6C4
#CAD6C4
#C9D3C8
#C9D3C8
#C9D4C7
#C9D4C7
#C9D5C6
#C9D5C6
#C9D6C5
#C7D1CC
#C7D2CB
#C7D3CA
#C7D3CA
#C7D4C9
#C7D5C8
#C7D6C7
#C6D0CF
#C6D1CE
#C6D2CD
#C6D3CC
#C6D4CB
#C6D5C9
#C6D6C8
#C4CED2
#C4CFD1
#C4D1CF
#C4D2CE
#C4D3CD
#C4D4CC
#C4D6CA
#C2CCD6
#C2CED4
#C2CFD3
#C2D1D1
#C2D2D0
#C2D4CE
#C2D6CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts