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 #CCD8C4 to #CCC4D8 and to #D8CCC4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD5C7
#CCD5C7
#CDD5C6
#CDD5C6
#CDD6C5
#CED6C5
#CED6C4
#CCD2CA
#CDD2C9
#CDD3C8
#CED3C7
#CFD3C6
#CFD4C5
#D0D4C4
#CCCECE
#CDCFCC
#CECFCB
#CFD0C9
#D0D1C8
#D1D1C6
#D2D2C4
#CCCBD1
#CDCCCF
#CFCDCD
#D0CDCB
#D1CEC9
#D2CFC7
#D4D0C4
#CCC8D4
#CEC9D1
#CFCACF
#D1CBCC
#D2CCCA
#D4CDC7
#D6CEC4
#CCC4D8
#CEC5D5
#D0C7D2
#D2C8CE
#D4C9CB
#D6CAC8
#D8CCC4
Colorpallet from #CCD8C4 to #CCC4D8 and to #D8C4CC
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD5C7
#CCD5C7
#CDD5C6
#CDD5C6
#CDD5C6
#CED5C5
#CED5C5
#CCD2CA
#CDD2CA
#CDD2C9
#CED2C9
#CFD2C8
#CFD2C8
#D0D2C7
#CCCECE
#CDCECD
#CECECC
#CFCECB
#D0CECA
#D1CEC9
#D2CEC8
#CCCBD1
#CDCBD0
#CFCBCE
#D0CBCD
#D1CBCC
#D2CBCB
#D4CBC9
#CCC8D4
#CEC8D2
#CFC8D1
#D1C8CF
#D2C8CE
#D4C8CC
#D6C8CA
#CCC4D8
#CEC4D6
#D0C4D4
#D2C4D2
#D4C4D0
#D6C4CE
#D8C4CC
Colorpallet from #CCD8C4 to #CCC4D8 and to #C4CCD8
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD5C7
#CCD5C7
#CCD5C7
#CCD5C7
#CBD6C7
#CBD6C7
#CBD6C7
#CCD2CA
#CCD2CA
#CBD3CA
#CBD3CA
#CAD3CA
#CAD4CA
#C9D4CA
#CCCECE
#CBCFCE
#CBCFCE
#CAD0CE
#C9D1CE
#C9D1CE
#C8D2CE
#CCCBD1
#CBCCD1
#CACDD1
#CACDD1
#C9CED1
#C8CFD1
#C7D0D1
#CCC8D4
#CBC9D4
#CACAD4
#C9CBD4
#C8CCD4
#C7CDD4
#C6CED4
#CCC4D8
#CBC5D8
#C9C7D8
#C8C8D8
#C7C9D8
#C6CAD8
#C4CCD8
Colorpallet from #CCD8C4 to #CCC4D8 and to #C4D8CC
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD5C7
#CCD5C7
#CCD6C6
#CCD6C6
#CBD7C6
#CBD7C5
#CBD8C5
#CCD2CA
#CCD3CA
#CBD4C9
#CBD5C9
#CAD6C8
#CAD7C8
#C9D8C7
#CCCECE
#CBD0CD
#CBD1CC
#CAD3CB
#C9D4CA
#C9D6C9
#C8D8C8
#CCCBD1
#CBCDD0
#CACFCE
#CAD1CD
#C9D3CC
#C8D5CB
#C7D8C9
#CCC8D4
#CBCBD2
#CACDD1
#C9D0CF
#C8D2CE
#C7D5CC
#C6D8CA
#CCC4D8
#CBC7D6
#C9CAD4
#C8CED2
#C7D1D0
#C6D4CE
#C4D8CC
Colorpallet from #CCD8C4 to #D8CCC4 and to #D8C4CC
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CED6C4
#CED6C4
#CED6C4
#CED6C4
#CED5C5
#CED5C5
#CED5C5
#D0D4C4
#D0D4C4
#D0D3C5
#D0D3C5
#D0D3C6
#D0D2C6
#D0D2C7
#D2D2C4
#D2D1C5
#D2D1C5
#D2D0C6
#D2CFC7
#D2CFC7
#D2CEC8
#D4D0C4
#D4CFC5
#D4CEC6
#D4CEC6
#D4CDC7
#D4CCC8
#D4CBC9
#D6CEC4
#D6CDC5
#D6CCC6
#D6CBC7
#D6CAC8
#D6C9C9
#D6C8CA
#D8CCC4
#D8CBC5
#D8C9C7
#D8C8C8
#D8C7C9
#D8C6CA
#D8C4CC
Colorpallet from #CCD8C4 to #D8CCC4 and to #C4CCD8
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CED6C4
#CED6C4
#CDD6C5
#CDD6C5
#CCD6C6
#CCD6C6
#CBD6C7
#D0D4C4
#CFD4C5
#CED4C6
#CDD4C7
#CCD4C8
#CAD4C9
#C9D4CA
#D2D2C4
#D0D2C6
#CFD2C7
#CDD2C9
#CCD2CA
#CAD2CC
#C8D2CE
#D4D0C4
#D2D0C6
#D0D0C8
#CED0CA
#CCD0CC
#CAD0CE
#C7D0D1
#D6CEC4
#D3CEC7
#D1CEC9
#CECECC
#CCCECE
#C9CED1
#C6CED4
#D8CCC4
#D5CCC7
#D2CCCA
#CECCCE
#CBCCD1
#C8CCD4
#C4CCD8
Colorpallet from #CCD8C4 to #D8CCC4 and to #C4D8CC
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CED6C4
#CED6C4
#CDD7C4
#CDD7C4
#CCD7C5
#CCD8C5
#CBD8C5
#D0D4C4
#CFD5C4
#CED5C5
#CDD6C5
#CCD7C6
#CAD7C6
#C9D8C7
#D2D2C4
#D0D3C5
#CFD4C5
#CDD5C6
#CCD6C7
#CAD7C7
#C8D8C8
#D4D0C4
#D2D1C5
#D0D3C6
#CED4C6
#CCD5C7
#CAD6C8
#C7D8C9
#D6CEC4
#D3D0C5
#D1D1C6
#CED3C7
#CCD4C8
#C9D6C9
#C6D8CA
#D8CCC4
#D5CEC5
#D2D0C7
#CED2C8
#CBD4C9
#C8D6CA
#C4D8CC
Colorpallet from #CCD8C4 to #D8C4CC and to #C4CCD8
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CED5C5
#CED5C5
#CDD5C6
#CDD5C6
#CCD6C6
#CCD6C7
#CBD6C7
#D0D2C7
#CFD2C7
#CED3C8
#CDD3C8
#CCD3C9
#CAD4C9
#C9D4CA
#D2CEC8
#D0CFC9
#CFCFCA
#CDD0CB
#CCD1CC
#CAD1CD
#C8D2CE
#D4CBC9
#D2CCCA
#D0CDCC
#CECDCD
#CCCECE
#CACFCF
#C7D0D1
#D6C8CA
#D3C9CC
#D1CACD
#CECBCF
#CCCCD0
#C9CDD2
#C6CED4
#D8C4CC
#D5C5CE
#D2C7D0
#CEC8D2
#CBC9D4
#C8CAD6
#C4CCD8
Colorpallet from #CCD8C4 to #D8C4CC and to #C4D8CC
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CED5C5
#CED5C5
#CDD6C5
#CDD6C5
#CCD7C5
#CCD7C5
#CBD8C5
#D0D2C7
#CFD3C7
#CED4C7
#CDD5C7
#CCD6C7
#CAD7C7
#C9D8C7
#D2CEC8
#D0D0C8
#CFD1C8
#CDD3C8
#CCD4C8
#CAD6C8
#C8D8C8
#D4CBC9
#D2CDC9
#D0CFC9
#CED1C9
#CCD3C9
#CAD5C9
#C7D8C9
#D6C8CA
#D3CBCA
#D1CDCA
#CED0CA
#CCD2CA
#C9D5CA
#C6D8CA
#D8C4CC
#D5C7CC
#D2CACC
#CECECC
#CBD1CC
#C8D4CC
#C4D8CC
Colorpallet from #CCD8C4 to #C4CCD8 and to #C4D8CC
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CCD8C4
#CBD6C7
#CBD6C7
#CBD7C6
#CBD7C6
#CBD7C6
#CBD8C5
#CBD8C5
#C9D4CA
#C9D5CA
#C9D5C9
#C9D6C9
#C9D7C8
#C9D7C8
#C9D8C7
#C8D2CE
#C8D3CD
#C8D4CC
#C8D5CB
#C8D6CA
#C8D7C9
#C8D8C8
#C7D0D1
#C7D1D0
#C7D3CE
#C7D4CD
#C7D5CC
#C7D6CB
#C7D8C9
#C6CED4
#C6D0D2
#C6D1D1
#C6D3CF
#C6D4CE
#C6D6CC
#C6D8CA
#C4CCD8
#C4CED6
#C4D0D4
#C4D2D2
#C4D4D0
#C4D6CE
#C4D8CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts