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 #CCC4D8 to #CCD8C4 and to #C4CCD8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC7D5
#CCC7D5
#CCC6D6
#CCC6D6
#CBC6D7
#CBC5D7
#CBC5D8
#CCCAD2
#CCCAD3
#CBC9D4
#CBC9D5
#CAC8D6
#CAC8D7
#C9C7D8
#CCCECE
#CBCDD0
#CBCCD1
#CACBD3
#C9CAD4
#C9C9D6
#C8C8D8
#CCD1CB
#CBD0CD
#CACECF
#CACDD1
#C9CCD3
#C8CBD5
#C7C9D8
#CCD4C8
#CBD2CB
#CAD1CD
#C9CFD0
#C8CED2
#C7CCD5
#C6CAD8
#CCD8C4
#CBD6C7
#C9D4CA
#C8D2CE
#C7D0D1
#C6CED4
#C4CCD8
Colorpallet from #CCC4D8 to #CCD8C4 and to #C4D8CC
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC7D5
#CCC7D5
#CCC7D5
#CCC7D5
#CBC7D6
#CBC7D6
#CBC7D6
#CCCAD2
#CCCAD2
#CBCAD3
#CBCAD3
#CACAD3
#CACAD4
#C9CAD4
#CCCECE
#CBCECF
#CBCECF
#CACED0
#C9CED1
#C9CED1
#C8CED2
#CCD1CB
#CBD1CC
#CAD1CD
#CAD1CD
#C9D1CE
#C8D1CF
#C7D1D0
#CCD4C8
#CBD4C9
#CAD4CA
#C9D4CB
#C8D4CC
#C7D4CD
#C6D4CE
#CCD8C4
#CBD8C5
#C9D8C7
#C8D8C8
#C7D8C9
#C6D8CA
#C4D8CC
Colorpallet from #CCC4D8 to #CCD8C4 and to #D8CCC4
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC7D5
#CCC7D5
#CDC6D5
#CDC6D5
#CDC6D5
#CEC5D5
#CEC5D5
#CCCAD2
#CDCAD2
#CDC9D2
#CEC9D2
#CFC8D2
#CFC8D2
#D0C7D2
#CCCECE
#CDCDCE
#CECCCE
#CFCBCE
#D0CACE
#D1C9CE
#D2C8CE
#CCD1CB
#CDD0CB
#CFCECB
#D0CDCB
#D1CCCB
#D2CBCB
#D4C9CB
#CCD4C8
#CED2C8
#CFD1C8
#D1CFC8
#D2CEC8
#D4CCC8
#D6CAC8
#CCD8C4
#CED6C4
#D0D4C4
#D2D2C4
#D4D0C4
#D6CEC4
#D8CCC4
Colorpallet from #CCC4D8 to #CCD8C4 and to #D8C4CC
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC7D5
#CCC7D5
#CDC6D5
#CDC6D5
#CDC5D6
#CEC5D6
#CEC4D6
#CCCAD2
#CDC9D2
#CDC8D3
#CEC7D3
#CFC6D3
#CFC5D4
#D0C4D4
#CCCECE
#CDCCCF
#CECBCF
#CFC9D0
#D0C8D1
#D1C6D1
#D2C4D2
#CCD1CB
#CDCFCC
#CFCDCD
#D0CBCD
#D1C9CE
#D2C7CF
#D4C4D0
#CCD4C8
#CED1C9
#CFCFCA
#D1CCCB
#D2CACC
#D4C7CD
#D6C4CE
#CCD8C4
#CED5C5
#D0D2C7
#D2CEC8
#D4CBC9
#D6C8CA
#D8C4CC
Colorpallet from #CCC4D8 to #C4CCD8 and to #C4D8CC
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CBC5D8
#CBC5D8
#CBC6D7
#CBC6D7
#CBC6D7
#CBC7D6
#CBC7D6
#C9C7D8
#C9C7D7
#C9C8D7
#C9C8D6
#C9C9D5
#C9C9D5
#C9CAD4
#C8C8D8
#C8C9D7
#C8CAD6
#C8CBD5
#C8CCD4
#C8CDD3
#C8CED2
#C7C9D8
#C7CAD7
#C7CCD5
#C7CDD4
#C7CED3
#C7CFD2
#C7D1D0
#C6CAD8
#C6CCD6
#C6CDD5
#C6CFD3
#C6D0D2
#C6D2D0
#C6D4CE
#C4CCD8
#C4CED6
#C4D0D4
#C4D2D2
#C4D4D0
#C4D6CE
#C4D8CC
Colorpallet from #CCC4D8 to #C4CCD8 and to #D8CCC4
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CBC5D8
#CBC5D8
#CCC5D7
#CCC5D7
#CDC5D6
#CDC5D6
#CEC5D5
#C9C7D8
#CAC7D7
#CBC7D6
#CCC7D5
#CDC7D4
#CFC7D3
#D0C7D2
#C8C8D8
#CAC8D6
#CBC8D5
#CDC8D3
#CEC8D2
#D0C8D0
#D2C8CE
#C7C9D8
#C9C9D6
#CBC9D4
#CDC9D2
#CFC9D0
#D1C9CE
#D4C9CB
#C6CAD8
#C9CAD5
#CBCAD3
#CECAD0
#D0CACE
#D3CACB
#D6CAC8
#C4CCD8
#C7CCD5
#CACCD2
#CECCCE
#D1CCCB
#D4CCC8
#D8CCC4
Colorpallet from #CCC4D8 to #C4CCD8 and to #D8C4CC
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CBC5D8
#CBC5D8
#CCC5D7
#CCC5D7
#CDC4D7
#CDC4D6
#CEC4D6
#C9C7D8
#CAC7D7
#CBC6D7
#CCC6D6
#CDC5D5
#CFC5D5
#D0C4D4
#C8C8D8
#CAC7D7
#CBC7D6
#CDC6D5
#CEC5D4
#D0C5D3
#D2C4D2
#C7C9D8
#C9C8D7
#CBC7D5
#CDC7D4
#CFC6D3
#D1C5D2
#D4C4D0
#C6CAD8
#C9C9D6
#CBC8D5
#CEC7D3
#D0C6D2
#D3C5D0
#D6C4CE
#C4CCD8
#C7CBD6
#CAC9D4
#CEC8D2
#D1C7D0
#D4C6CE
#D8C4CC
Colorpallet from #CCC4D8 to #C4D8CC and to #D8CCC4
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CBC7D6
#CBC7D6
#CCC6D6
#CCC6D6
#CDC6D5
#CDC5D5
#CEC5D5
#C9CAD4
#CACAD4
#CBC9D3
#CCC9D3
#CDC8D3
#CFC8D2
#D0C7D2
#C8CED2
#CACDD1
#CBCCD1
#CDCBD0
#CECACF
#D0C9CF
#D2C8CE
#C7D1D0
#C9D0CF
#CBCECE
#CDCDCE
#CFCCCD
#D1CBCC
#D4C9CB
#C6D4CE
#C9D2CD
#CBD1CC
#CECFCB
#D0CECA
#D3CCC9
#D6CAC8
#C4D8CC
#C7D6CB
#CAD4C9
#CED2C8
#D1D0C7
#D4CEC6
#D8CCC4
Colorpallet from #CCC4D8 to #C4D8CC and to #D8C4CC
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CBC7D6
#CBC7D6
#CCC6D6
#CCC6D6
#CDC5D6
#CDC5D6
#CEC4D6
#C9CAD4
#CAC9D4
#CBC8D4
#CCC7D4
#CDC6D4
#CFC5D4
#D0C4D4
#C8CED2
#CACCD2
#CBCBD2
#CDC9D2
#CEC8D2
#D0C6D2
#D2C4D2
#C7D1D0
#C9CFD0
#CBCDD0
#CDCBD0
#CFC9D0
#D1C7D0
#D4C4D0
#C6D4CE
#C9D1CE
#CBCFCE
#CECCCE
#D0CACE
#D3C7CE
#D6C4CE
#C4D8CC
#C7D5CC
#CAD2CC
#CECECC
#D1CBCC
#D4C8CC
#D8C4CC
Colorpallet from #CCC4D8 to #D8CCC4 and to #D8C4CC
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CCC4D8
#CEC5D5
#CEC5D5
#CEC5D5
#CEC5D5
#CEC4D6
#CEC4D6
#CEC4D6
#D0C7D2
#D0C7D2
#D0C6D3
#D0C6D3
#D0C5D3
#D0C5D4
#D0C4D4
#D2C8CE
#D2C7CF
#D2C7CF
#D2C6D0
#D2C5D1
#D2C5D1
#D2C4D2
#D4C9CB
#D4C8CC
#D4C7CD
#D4C7CD
#D4C6CE
#D4C5CF
#D4C4D0
#D6CAC8
#D6C9C9
#D6C8CA
#D6C7CB
#D6C6CC
#D6C5CD
#D6C4CE
#D8CCC4
#D8CBC5
#D8C9C7
#D8C8C8
#D8C7C9
#D8C6CA
#D8C4CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts