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 #CFD5C2 to #CFC2D5 and to #D5CFC2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD2C5
#CFD2C5
#CFD3C4
#CFD3C4
#D0D3C3
#D0D4C3
#D0D4C2
#CFCFC8
#CFD0C7
#D0D0C6
#D0D1C5
#D0D2C4
#D1D2C3
#D1D3C2
#CFCCCB
#CFCDCA
#D0CEC8
#D0CFC7
#D1D0C5
#D1D1C4
#D2D2C2
#CFC9CE
#D0CACC
#D0CCCA
#D1CDC8
#D2CEC6
#D2CFC4
#D3D1C2
#CFC6D1
#D0C8CF
#D1C9CC
#D1CBCA
#D2CCC7
#D3CEC5
#D4D0C2
#CFC2D5
#D0C4D2
#D1C6CF
#D2C8CC
#D3CAC9
#D4CCC6
#D5CFC2
Colorpallet from #CFD5C2 to #CFC2D5 and to #D5C2CF
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD2C5
#CFD2C5
#CFD2C5
#CFD2C5
#D0D2C4
#D0D2C4
#D0D2C4
#CFCFC8
#CFCFC8
#D0CFC7
#D0CFC7
#D0CFC7
#D1CFC6
#D1CFC6
#CFCCCB
#CFCCCB
#D0CCCA
#D0CCCA
#D1CCC9
#D1CCC9
#D2CCC8
#CFC9CE
#D0C9CD
#D0C9CD
#D1C9CC
#D2C9CB
#D2C9CB
#D3C9CA
#CFC6D1
#D0C6D0
#D1C6CF
#D1C6CF
#D2C6CE
#D3C6CD
#D4C6CC
#CFC2D5
#D0C2D4
#D1C2D3
#D2C2D2
#D3C2D1
#D4C2D0
#D5C2CF
Colorpallet from #CFD5C2 to #CFC2D5 and to #C2CFD5
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD2C5
#CFD2C5
#CED3C5
#CED3C5
#CED3C5
#CDD4C5
#CDD4C5
#CFCFC8
#CED0C8
#CED0C8
#CDD1C8
#CCD2C8
#CCD2C8
#CBD3C8
#CFCCCB
#CECDCB
#CDCECB
#CCCFCB
#CBD0CB
#CAD1CB
#C9D2CB
#CFC9CE
#CECACE
#CCCCCE
#CBCDCE
#CACECE
#C9CFCE
#C7D1CE
#CFC6D1
#CDC8D1
#CCC9D1
#CACBD1
#C9CCD1
#C7CED1
#C5D0D1
#CFC2D5
#CDC4D5
#CBC6D5
#C9C8D5
#C7CAD5
#C5CCD5
#C2CFD5
Colorpallet from #CFD5C2 to #CFC2D5 and to #C2D5CF
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD2C5
#CFD2C5
#CED3C5
#CED3C5
#CED4C4
#CDD4C4
#CDD5C4
#CFCFC8
#CED0C8
#CED1C7
#CDD2C7
#CCD3C7
#CCD4C6
#CBD5C6
#CFCCCB
#CECDCB
#CDCFCA
#CCD0CA
#CBD2C9
#CAD3C9
#C9D5C8
#CFC9CE
#CECBCD
#CCCDCD
#CBCFCC
#CAD1CB
#C9D3CB
#C7D5CA
#CFC6D1
#CDC8D0
#CCCBCF
#CACDCF
#C9D0CE
#C7D2CD
#C5D5CC
#CFC2D5
#CDC5D4
#CBC8D3
#C9CBD2
#C7CED1
#C5D1D0
#C2D5CF
Colorpallet from #CFD5C2 to #D5CFC2 and to #D5C2CF
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#D0D4C2
#D0D4C2
#D0D3C3
#D0D3C3
#D0D3C3
#D0D2C4
#D0D2C4
#D1D3C2
#D1D2C3
#D1D2C3
#D1D1C4
#D1D0C5
#D1D0C5
#D1CFC6
#D2D2C2
#D2D1C3
#D2D0C4
#D2CFC5
#D2CEC6
#D2CDC7
#D2CCC8
#D3D1C2
#D3D0C3
#D3CEC5
#D3CDC6
#D3CCC7
#D3CBC8
#D3C9CA
#D4D0C2
#D4CEC4
#D4CDC5
#D4CBC7
#D4CAC8
#D4C8CA
#D4C6CC
#D5CFC2
#D5CDC4
#D5CBC6
#D5C9C8
#D5C7CA
#D5C5CC
#D5C2CF
Colorpallet from #CFD5C2 to #D5CFC2 and to #C2CFD5
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#D0D4C2
#D0D4C2
#CFD4C3
#CFD4C3
#CED4C4
#CED4C4
#CDD4C5
#D1D3C2
#D0D3C3
#CFD3C4
#CED3C5
#CDD3C6
#CCD3C7
#CBD3C8
#D2D2C2
#D1D2C3
#CFD2C5
#CED2C6
#CCD2C8
#CBD2C9
#C9D2CB
#D3D1C2
#D1D1C4
#CFD1C6
#CDD1C8
#CBD1CA
#C9D1CC
#C7D1CE
#D4D0C2
#D2D0C4
#CFD0C7
#CDD0C9
#CAD0CC
#C8D0CE
#C5D0D1
#D5CFC2
#D2CFC5
#CFCFC8
#CCCFCB
#C9CFCE
#C6CFD1
#C2CFD5
Colorpallet from #CFD5C2 to #D5CFC2 and to #C2D5CF
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#D0D4C2
#D0D4C2
#CFD4C3
#CFD4C3
#CED5C3
#CED5C4
#CDD5C4
#D1D3C2
#D0D3C3
#CFD4C3
#CED4C4
#CDD4C5
#CCD5C5
#CBD5C6
#D2D2C2
#D1D2C3
#CFD3C4
#CED3C5
#CCD4C6
#CBD4C7
#C9D5C8
#D3D1C2
#D1D2C3
#CFD2C5
#CDD3C6
#CBD4C7
#C9D4C8
#C7D5CA
#D4D0C2
#D2D1C4
#CFD2C5
#CDD2C7
#CAD3C8
#C8D4CA
#C5D5CC
#D5CFC2
#D2D0C4
#CFD1C6
#CCD2C8
#C9D3CA
#C6D4CC
#C2D5CF
Colorpallet from #CFD5C2 to #D5C2CF and to #C2CFD5
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#D0D2C4
#D0D2C4
#CFD3C4
#CFD3C4
#CED3C5
#CED4C5
#CDD4C5
#D1CFC6
#D0D0C6
#CFD0C7
#CED1C7
#CDD2C7
#CCD2C8
#CBD3C8
#D2CCC8
#D1CDC8
#CFCEC9
#CECFC9
#CCD0CA
#CBD1CA
#C9D2CB
#D3C9CA
#D1CACB
#CFCCCB
#CDCDCC
#CBCECD
#C9CFCD
#C7D1CE
#D4C6CC
#D2C8CD
#CFC9CE
#CDCBCE
#CACCCF
#C8CED0
#C5D0D1
#D5C2CF
#D2C4D0
#CFC6D1
#CCC8D2
#C9CAD3
#C6CCD4
#C2CFD5
Colorpallet from #CFD5C2 to #D5C2CF and to #C2D5CF
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#D0D2C4
#D0D2C4
#CFD3C4
#CFD3C4
#CED4C4
#CED4C4
#CDD5C4
#D1CFC6
#D0D0C6
#CFD1C6
#CED2C6
#CDD3C6
#CCD4C6
#CBD5C6
#D2CCC8
#D1CDC8
#CFCFC8
#CED0C8
#CCD2C8
#CBD3C8
#C9D5C8
#D3C9CA
#D1CBCA
#CFCDCA
#CDCFCA
#CBD1CA
#C9D3CA
#C7D5CA
#D4C6CC
#D2C8CC
#CFCBCC
#CDCDCC
#CAD0CC
#C8D2CC
#C5D5CC
#D5C2CF
#D2C5CF
#CFC8CF
#CCCBCF
#C9CECF
#C6D1CF
#C2D5CF
Colorpallet from #CFD5C2 to #C2CFD5 and to #C2D5CF
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CFD5C2
#CDD4C5
#CDD4C5
#CDD4C5
#CDD4C5
#CDD5C4
#CDD5C4
#CDD5C4
#CBD3C8
#CBD3C8
#CBD4C7
#CBD4C7
#CBD4C7
#CBD5C6
#CBD5C6
#C9D2CB
#C9D2CB
#C9D3CA
#C9D3CA
#C9D4C9
#C9D4C9
#C9D5C8
#C7D1CE
#C7D2CD
#C7D2CD
#C7D3CC
#C7D4CB
#C7D4CB
#C7D5CA
#C5D0D1
#C5D1D0
#C5D2CF
#C5D2CF
#C5D3CE
#C5D4CD
#C5D5CC
#C2CFD5
#C2D0D4
#C2D1D3
#C2D2D2
#C2D3D1
#C2D4D0
#C2D5CF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts