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 #CDD4C2 to #CDC2D4 and to #D4CDC2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD1C5
#CDD1C5
#CDD2C4
#CDD2C4
#CED2C3
#CED3C3
#CED3C2
#CDCEC8
#CDCFC7
#CECFC6
#CED0C5
#CED1C4
#CFD1C3
#CFD2C2
#CDCBCB
#CDCCCA
#CECDC8
#CECEC7
#CFCFC5
#CFD0C4
#D0D1C2
#CDC8CE
#CEC9CC
#CECBCA
#CFCCC8
#D0CDC6
#D0CEC4
#D1D0C2
#CDC6D0
#CEC7CE
#CFC9CC
#D0CAC9
#D1CBC7
#D2CCC5
#D3CEC2
#CDC2D4
#CEC4D1
#CFC6CE
#D0C7CB
#D1C9C8
#D3CBC6
#D4CDC2
Colorpallet from #CDD4C2 to #CDC2D4 and to #D4C2CD
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD1C5
#CDD1C5
#CDD1C5
#CDD1C5
#CED1C4
#CED1C4
#CED1C4
#CDCEC8
#CDCEC8
#CECEC7
#CECEC7
#CECEC7
#CFCEC6
#CFCEC6
#CDCBCB
#CDCBCA
#CECBCA
#CECBC9
#CFCBC8
#CFCBC8
#D0CBC7
#CDC8CE
#CEC8CD
#CEC8CC
#CFC8CC
#D0C8CB
#D0C8CA
#D1C8C9
#CDC6D0
#CEC6CF
#CFC6CE
#D0C6CE
#D1C6CD
#D2C6CC
#D3C6CB
#CDC2D4
#CEC2D3
#CFC2D2
#D0C2D1
#D1C2D0
#D3C2CE
#D4C2CD
Colorpallet from #CDD4C2 to #CDC2D4 and to #C2CDD4
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD1C5
#CDD1C5
#CCD2C5
#CCD2C5
#CCD2C5
#CBD3C5
#CBD3C5
#CDCEC8
#CCCFC8
#CCCFC8
#CBD0C8
#CAD1C8
#CAD1C8
#C9D2C8
#CDCBCB
#CCCCCB
#CBCDCB
#CBCECB
#CACFCB
#C9D0CB
#C8D1CB
#CDC8CE
#CCC9CE
#CBCBCE
#CACCCE
#C9CDCE
#C7CECE
#C6D0CE
#CDC6D0
#CCC7D0
#CAC9D0
#C9CAD0
#C7CBD0
#C6CCD0
#C4CED0
#CDC2D4
#CBC4D4
#C9C6D4
#C8C7D4
#C6C9D4
#C4CBD4
#C2CDD4
Colorpallet from #CDD4C2 to #CDC2D4 and to #C2D4CD
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD1C5
#CDD1C5
#CCD2C5
#CCD2C5
#CCD3C4
#CBD3C4
#CBD4C4
#CDCEC8
#CCCFC8
#CCD0C7
#CBD1C7
#CAD2C7
#CAD3C6
#C9D4C6
#CDCBCB
#CCCCCA
#CBCECA
#CBCFC9
#CAD1C8
#C9D2C8
#C8D4C7
#CDC8CE
#CCCACD
#CBCCCC
#CACECC
#C9D0CB
#C7D2CA
#C6D4C9
#CDC6D0
#CCC8CF
#CACACE
#C9CDCE
#C7CFCD
#C6D1CC
#C4D4CB
#CDC2D4
#CBC5D3
#C9C8D2
#C8CBD1
#C6CED0
#C4D0CE
#C2D4CD
Colorpallet from #CDD4C2 to #D4CDC2 and to #D4C2CD
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CED3C2
#CED3C2
#CED2C3
#CED2C3
#CED2C3
#CED1C4
#CED1C4
#CFD2C2
#CFD1C3
#CFD1C3
#CFD0C4
#CFCFC5
#CFCFC5
#CFCEC6
#D0D1C2
#D0D0C3
#D0CFC4
#D0CEC4
#D0CDC5
#D0CCC6
#D0CBC7
#D1D0C2
#D1CFC3
#D1CDC4
#D1CCC5
#D1CBC6
#D1CAC8
#D1C8C9
#D3CEC2
#D3CDC3
#D3CBC5
#D3CAC6
#D3C9C8
#D3C8C9
#D3C6CB
#D4CDC2
#D4CBC4
#D4C9C6
#D4C8C7
#D4C6C9
#D4C4CB
#D4C2CD
Colorpallet from #CDD4C2 to #D4CDC2 and to #C2CDD4
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CED3C2
#CED3C2
#CDD3C3
#CDD3C3
#CCD3C4
#CCD3C4
#CBD3C5
#CFD2C2
#CED2C3
#CDD2C4
#CCD2C5
#CBD2C6
#CAD2C7
#C9D2C8
#D0D1C2
#CFD1C3
#CDD1C5
#CCD1C6
#CBD1C8
#CAD1C9
#C8D1CB
#D1D0C2
#CFD0C4
#CDD0C6
#CCD0C8
#CAD0CA
#C8D0CC
#C6D0CE
#D3CEC2
#D1CEC4
#CECEC6
#CCCEC9
#C9CECB
#C7CECD
#C4CED0
#D4CDC2
#D1CDC5
#CECDC8
#CBCDCB
#C8CDCE
#C6CDD0
#C2CDD4
Colorpallet from #CDD4C2 to #D4CDC2 and to #C2D4CD
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CED3C2
#CED3C2
#CDD3C3
#CDD3C3
#CCD4C3
#CCD4C4
#CBD4C4
#CFD2C2
#CED2C3
#CDD3C3
#CCD3C4
#CBD3C5
#CAD4C5
#C9D4C6
#D0D1C2
#CFD1C3
#CDD2C4
#CCD2C4
#CBD3C5
#CAD3C6
#C8D4C7
#D1D0C2
#CFD1C3
#CDD1C4
#CCD2C5
#CAD3C6
#C8D3C8
#C6D4C9
#D3CEC2
#D1CFC3
#CED0C5
#CCD1C6
#C9D2C8
#C7D3C9
#C4D4CB
#D4CDC2
#D1CEC4
#CECFC6
#CBD0C7
#C8D1C9
#C6D3CB
#C2D4CD
Colorpallet from #CDD4C2 to #D4C2CD and to #C2CDD4
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CED1C4
#CED1C4
#CDD2C4
#CDD2C4
#CCD2C5
#CCD3C5
#CBD3C5
#CFCEC6
#CECFC6
#CDCFC7
#CCD0C7
#CBD1C7
#CAD1C8
#C9D2C8
#D0CBC7
#CFCCC8
#CDCDC8
#CCCEC9
#CBCFCA
#CAD0CA
#C8D1CB
#D1C8C9
#CFC9CA
#CDCBCB
#CCCCCB
#CACDCC
#C8CECD
#C6D0CE
#D3C6CB
#D1C7CC
#CEC9CD
#CCCACD
#C9CBCE
#C7CCCF
#C4CED0
#D4C2CD
#D1C4CE
#CEC6CF
#CBC7D0
#C8C9D1
#C6CBD3
#C2CDD4
Colorpallet from #CDD4C2 to #D4C2CD and to #C2D4CD
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CED1C4
#CED1C4
#CDD2C4
#CDD2C4
#CCD3C4
#CCD3C4
#CBD4C4
#CFCEC6
#CECFC6
#CDD0C6
#CCD1C6
#CBD2C6
#CAD3C6
#C9D4C6
#D0CBC7
#CFCCC7
#CDCEC7
#CCCFC7
#CBD1C7
#CAD2C7
#C8D4C7
#D1C8C9
#CFCAC9
#CDCCC9
#CCCEC9
#CAD0C9
#C8D2C9
#C6D4C9
#D3C6CB
#D1C8CB
#CECACB
#CCCDCB
#C9CFCB
#C7D1CB
#C4D4CB
#D4C2CD
#D1C5CD
#CEC8CD
#CBCBCD
#C8CECD
#C6D0CD
#C2D4CD
Colorpallet from #CDD4C2 to #C2CDD4 and to #C2D4CD
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CDD4C2
#CBD3C5
#CBD3C5
#CBD3C5
#CBD3C5
#CBD4C4
#CBD4C4
#CBD4C4
#C9D2C8
#C9D2C8
#C9D3C7
#C9D3C7
#C9D3C7
#C9D4C6
#C9D4C6
#C8D1CB
#C8D1CA
#C8D2CA
#C8D2C9
#C8D3C8
#C8D3C8
#C8D4C7
#C6D0CE
#C6D1CD
#C6D1CC
#C6D2CC
#C6D3CB
#C6D3CA
#C6D4C9
#C4CED0
#C4CFCF
#C4D0CE
#C4D1CE
#C4D2CD
#C4D3CC
#C4D4CB
#C2CDD4
#C2CED3
#C2CFD2
#C2D0D1
#C2D1D0
#C2D3CE
#C2D4CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts