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 #C2CFD3 to #C2D3CF and to #CFC2D3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2D0D2
#C2D0D2
#C3CFD2
#C3CFD2
#C3CED3
#C4CED3
#C4CDD3
#C2D0D2
#C3CFD2
#C3CED2
#C4CED2
#C5CDD3
#C5CCD3
#C6CBD3
#C2D1D1
#C3D0D1
#C4CED2
#C5CDD2
#C6CCD2
#C7CBD3
#C8C9D3
#C2D2D0
#C3D0D0
#C5CED1
#C6CDD1
#C7CBD2
#C8C9D2
#CAC7D3
#C2D2D0
#C4D0D0
#C5CED1
#C7CCD1
#C8CAD2
#CAC8D2
#CCC5D3
#C2D3CF
#C4D0D0
#C6CED0
#C8CBD1
#CAC8D2
#CCC5D2
#CFC2D3
Colorpallet from #C2CFD3 to #C2D3CF and to #CFD3C2
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2D0D2
#C2D0D2
#C3D0D1
#C3D0D1
#C3D0D1
#C4D0D0
#C4D0D0
#C2D0D2
#C3D0D1
#C3D0D1
#C4D0D0
#C5D0CF
#C5D0CF
#C6D0CE
#C2D1D1
#C3D1D0
#C4D1CF
#C5D1CE
#C6D1CD
#C7D1CC
#C8D1CB
#C2D2D0
#C3D2CF
#C5D2CD
#C6D2CC
#C7D2CB
#C8D2CA
#CAD2C8
#C2D2D0
#C4D2CE
#C5D2CC
#C7D2CB
#C8D2C9
#CAD2C7
#CCD2C5
#C2D3CF
#C4D3CD
#C6D3CB
#C8D3C9
#CAD3C7
#CCD3C5
#CFD3C2
Colorpallet from #C2CFD3 to #C2D3CF and to #D3C2CF
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2D0D2
#C2D0D2
#C3CFD2
#C3CFD2
#C4CED2
#C4CED2
#C5CDD2
#C2D0D2
#C3CFD2
#C4CED2
#C4CED2
#C5CDD2
#C6CCD2
#C7CBD2
#C2D1D1
#C3D0D1
#C5CED1
#C6CDD1
#C7CCD1
#C8CBD1
#CAC9D1
#C2D2D0
#C4D0D0
#C6CED0
#C7CDD0
#C9CBD0
#CBC9D0
#CDC7D0
#C2D2D0
#C4D0D0
#C6CED0
#C9CCD0
#CBCAD0
#CDC8D0
#D0C5D0
#C2D3CF
#C5D0CF
#C7CECF
#CACBCF
#CDC8CF
#D0C5CF
#D3C2CF
Colorpallet from #C2CFD3 to #C2D3CF and to #D3CFC2
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2D0D2
#C2D0D2
#C3D0D1
#C3D0D1
#C4CFD1
#C4CFD0
#C5CFD0
#C2D0D2
#C3D0D1
#C4D0D1
#C4D0D0
#C5CFCF
#C6CFCF
#C7CFCE
#C2D1D1
#C3D1D0
#C5D0CF
#C6D0CE
#C7D0CD
#C8CFCC
#CACFCB
#C2D2D0
#C4D2CF
#C6D1CD
#C7D1CC
#C9D0CB
#CBD0CA
#CDCFC8
#C2D2D0
#C4D2CE
#C6D1CC
#C9D1CB
#CBD0C9
#CDD0C7
#D0CFC5
#C2D3CF
#C5D2CD
#C7D2CB
#CAD1C9
#CDD0C7
#D0D0C5
#D3CFC2
Colorpallet from #C2CFD3 to #CFC2D3 and to #CFD3C2
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C4CDD3
#C4CDD3
#C4CED2
#C4CED2
#C4CFD1
#C4CFD1
#C4D0D0
#C6CBD3
#C6CCD2
#C6CDD1
#C6CDD1
#C6CED0
#C6CFCF
#C6D0CE
#C8C9D3
#C8CAD2
#C8CCD0
#C8CDCF
#C8CECE
#C8CFCD
#C8D1CB
#CAC7D3
#CAC9D1
#CACBCF
#CACCCE
#CACECC
#CAD0CA
#CAD2C8
#CCC5D3
#CCC7D1
#CCC9CF
#CCCBCC
#CCCDCA
#CCCFC8
#CCD2C5
#CFC2D3
#CFC5D0
#CFC7CE
#CFCACB
#CFCDC8
#CFD0C5
#CFD3C2
Colorpallet from #C2CFD3 to #CFC2D3 and to #D3C2CF
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C4CDD3
#C4CDD3
#C4CDD3
#C4CDD3
#C5CDD2
#C5CDD2
#C5CDD2
#C6CBD3
#C6CBD3
#C6CBD3
#C6CBD3
#C7CBD2
#C7CBD2
#C7CBD2
#C8C9D3
#C8C9D3
#C9C9D2
#C9C9D2
#C9C9D2
#CAC9D1
#CAC9D1
#CAC7D3
#CAC7D3
#CBC7D2
#CBC7D2
#CCC7D1
#CCC7D1
#CDC7D0
#CCC5D3
#CDC5D3
#CDC5D2
#CEC5D2
#CFC5D1
#CFC5D1
#D0C5D0
#CFC2D3
#D0C2D2
#D0C2D2
#D1C2D1
#D2C2D0
#D2C2D0
#D3C2CF
Colorpallet from #C2CFD3 to #CFC2D3 and to #D3CFC2
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C4CDD3
#C4CDD3
#C4CED2
#C4CED2
#C5CED1
#C5CFD1
#C5CFD0
#C6CBD3
#C6CCD2
#C6CCD1
#C6CDD1
#C7CED0
#C7CECF
#C7CFCE
#C8C9D3
#C8CAD2
#C9CBD0
#C9CCCF
#C9CDCE
#CACECD
#CACFCB
#CAC7D3
#CAC8D1
#CBCACF
#CBCBCE
#CCCCCC
#CCCDCA
#CDCFC8
#CCC5D3
#CDC7D1
#CDC8CF
#CECACC
#CFCBCA
#CFCDC8
#D0CFC5
#CFC2D3
#D0C4D0
#D0C6CE
#D1C8CB
#D2CAC8
#D2CCC5
#D3CFC2
Colorpallet from #C2CFD3 to #CFD3C2 and to #D3C2CF
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C4D0D0
#C4D0D0
#C4CFD1
#C4CFD1
#C5CED1
#C5CED2
#C5CDD2
#C6D0CE
#C6CFCF
#C6CECF
#C6CED0
#C7CDD1
#C7CCD1
#C7CBD2
#C8D1CB
#C8D0CC
#C9CECD
#C9CDCE
#C9CCCF
#CACBD0
#CAC9D1
#CAD2C8
#CAD0C9
#CBCECB
#CBCDCC
#CCCBCD
#CCC9CE
#CDC7D0
#CCD2C5
#CDD0C7
#CDCEC9
#CECCCA
#CFCACC
#CFC8CE
#D0C5D0
#CFD3C2
#D0D0C4
#D0CEC6
#D1CBC8
#D2C8CA
#D2C5CC
#D3C2CF
Colorpallet from #C2CFD3 to #CFD3C2 and to #D3CFC2
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C4D0D0
#C4D0D0
#C4D0D0
#C4D0D0
#C5CFD0
#C5CFD0
#C5CFD0
#C6D0CE
#C6D0CE
#C6D0CE
#C6D0CE
#C7CFCE
#C7CFCE
#C7CFCE
#C8D1CB
#C8D1CB
#C9D0CB
#C9D0CB
#C9D0CB
#CACFCB
#CACFCB
#CAD2C8
#CAD2C8
#CBD1C8
#CBD1C8
#CCD0C8
#CCD0C8
#CDCFC8
#CCD2C5
#CDD2C5
#CDD1C5
#CED1C5
#CFD0C5
#CFD0C5
#D0CFC5
#CFD3C2
#D0D2C2
#D0D2C2
#D1D1C2
#D2D0C2
#D2D0C2
#D3CFC2
Colorpallet from #C2CFD3 to #D3C2CF and to #D3CFC2
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C2CFD3
#C5CDD2
#C5CDD2
#C5CED1
#C5CED1
#C5CED1
#C5CFD0
#C5CFD0
#C7CBD2
#C7CCD1
#C7CCD1
#C7CDD0
#C7CECF
#C7CECF
#C7CFCE
#CAC9D1
#CACAD0
#CACBCF
#CACCCE
#CACDCD
#CACECC
#CACFCB
#CDC7D0
#CDC8CF
#CDCACD
#CDCBCC
#CDCCCB
#CDCDCA
#CDCFC8
#D0C5D0
#D0C7CE
#D0C8CC
#D0CACB
#D0CBC9
#D0CDC7
#D0CFC5
#D3C2CF
#D3C4CD
#D3C6CB
#D3C8C9
#D3CAC7
#D3CCC5
#D3CFC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts