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 #BDECC8 to #BDC8EC and to #ECBDC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDE6CE
#BEE6CD
#C0E5CC
#C1E5CB
#C2E5CA
#C3E4C9
#C5E4C8
#BDE0D4
#BFE0D2
#C2DFD0
#C4DFCE
#C7DECC
#C9DECA
#CCDDC8
#BDDBD9
#C1DAD6
#C4D9D4
#C8D8D1
#CCD7CE
#CFD6CB
#D4D5C8
#BDD5DF
#C2D4DB
#C7D3D8
#CBD2D4
#D0D1D0
#D5CFCD
#DBCEC8
#BDCFE5
#C3CEE0
#C9CCDC
#CFCBD7
#D5C9D2
#DBC8CE
#E3C6C8
#BDC8EC
#C5C6E6
#CCC4E0
#D4C3DB
#DBC1D5
#E3BFCF
#ECBDC8
Colorpallet from #BDECC8 to #BDC8EC and to #ECC8BD
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDE6CE
#BEE6CD
#C0E6CB
#C1E6CA
#C2E6C9
#C3E6C8
#C5E6C6
#BDE0D4
#BFE0D1
#C2E0CF
#C4E0CC
#C7E0CA
#C9E0C7
#CCE0C4
#BDDBD9
#C1DBD5
#C4DBD2
#C8DBCE
#CCDBCB
#CFDBC7
#D4DBC3
#BDD5DF
#C2D5DA
#C7D5D5
#CBD5D1
#D0D5CC
#D5D5C7
#DBD5C1
#BDCFE5
#C3CFDF
#C9CFD9
#CFCFD3
#D5CFCD
#DBCFC7
#E3CFBF
#BDC8EC
#C5C8E4
#CCC8DD
#D4C8D5
#DBC8CE
#E3C8C6
#ECC8BD
Colorpallet from #BDECC8 to #BDC8EC and to #C8BDEC
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDE6CE
#BDE6CE
#BEE5CE
#BEE5CE
#BEE5CE
#BFE4CE
#BFE4CE
#BDE0D4
#BEE0D4
#BEDFD4
#BFDFD4
#C0DED4
#C0DED4
#C1DDD4
#BDDBD9
#BEDAD9
#BFD9D9
#BFD8D9
#C0D7D9
#C1D6D9
#C2D5D9
#BDD5DF
#BED4DF
#BFD3DF
#C0D2DF
#C1D1DF
#C3CFDF
#C4CEDF
#BDCFE5
#BECEE5
#C0CCE5
#C1CBE5
#C3C9E5
#C4C8E5
#C6C6E5
#BDC8EC
#BFC6EC
#C1C4EC
#C2C3EC
#C4C1EC
#C6BFEC
#C8BDEC
Colorpallet from #BDECC8 to #BDC8EC and to #C8ECBD
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDE6CE
#BDE7CD
#BEE8CB
#BEE9CA
#BEEAC9
#BFEBC8
#BFECC6
#BDE0D4
#BEE2D1
#BEE4CF
#BFE6CC
#C0E8CA
#C0EAC7
#C1ECC4
#BDDBD9
#BEDED5
#BFE0D2
#BFE3CE
#C0E6CB
#C1E9C7
#C2ECC3
#BDD5DF
#BED9DA
#BFDCD5
#C0E0D1
#C1E4CC
#C3E7C7
#C4ECC1
#BDCFE5
#BED4DF
#C0D8D9
#C1DDD3
#C3E2CD
#C4E6C7
#C6ECBF
#BDC8EC
#BFCEE4
#C1D4DD
#C2D9D5
#C4DFCE
#C6E5C6
#C8ECBD
Colorpallet from #BDECC8 to #ECBDC8 and to #ECC8BD
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#C5E4C8
#C5E4C8
#C5E5C7
#C5E5C7
#C5E5C7
#C5E6C6
#C5E6C6
#CCDDC8
#CCDDC7
#CCDEC7
#CCDEC6
#CCDFC5
#CCDFC5
#CCE0C4
#D4D5C8
#D4D6C7
#D4D7C6
#D4D8C6
#D4D9C5
#D4DAC4
#D4DBC3
#DBCEC8
#DBCFC7
#DBD0C6
#DBD1C5
#DBD2C4
#DBD4C2
#DBD5C1
#E3C6C8
#E3C7C7
#E3C9C5
#E3CAC4
#E3CCC2
#E3CDC1
#E3CFBF
#ECBDC8
#ECBFC6
#ECC1C4
#ECC2C3
#ECC4C1
#ECC6BF
#ECC8BD
Colorpallet from #BDECC8 to #ECBDC8 and to #C8BDEC
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#C5E4C8
#C4E4C9
#C3E4CA
#C2E4CB
#C1E4CC
#C0E4CD
#BFE4CE
#CCDDC8
#CADDCA
#C8DDCC
#C7DDCE
#C5DDD0
#C3DDD2
#C1DDD4
#D4D5C8
#D1D5CB
#CED5CD
#CBD5D0
#C8D5D3
#C6D5D6
#C2D5D9
#DBCEC8
#D7CECC
#D4CECF
#D0CED3
#CCCED7
#C9CEDA
#C4CEDF
#E3C6C8
#DEC6CD
#DAC6D1
#D5C6D6
#D0C6DB
#CCC6DF
#C6C6E5
#ECBDC8
#E6BDCE
#E0BDD4
#DBBDD9
#D5BDDF
#CFBDE5
#C8BDEC
Colorpallet from #BDECC8 to #ECBDC8 and to #C8ECBD
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#C5E4C8
#C4E5C8
#C3E7C7
#C2E8C7
#C1E9C7
#C0EAC6
#BFECC6
#CCDDC8
#CADFC7
#C8E2C7
#C7E4C6
#C5E7C5
#C3E9C5
#C1ECC4
#D4D5C8
#D1D9C7
#CEDCC6
#CBE0C6
#C8E4C5
#C6E7C4
#C2ECC3
#DBCEC8
#D7D3C7
#D4D8C6
#D0DCC5
#CCE1C4
#C9E6C2
#C4ECC1
#E3C6C8
#DECCC7
#DAD2C5
#D5D8C4
#D0DEC2
#CCE4C1
#C6ECBF
#ECBDC8
#E6C5C6
#E0CCC4
#DBD4C3
#D5DBC1
#CFE3BF
#C8ECBD
Colorpallet from #BDECC8 to #ECC8BD and to #C8BDEC
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#C5E6C6
#C4E6C7
#C3E5C9
#C2E5CA
#C1E5CB
#C0E4CC
#BFE4CE
#CCE0C4
#CAE0C7
#C8DFC9
#C7DFCC
#C5DECE
#C3DED1
#C1DDD4
#D4DBC3
#D1DAC7
#CED9CA
#CBD8CE
#C8D7D1
#C6D6D5
#C2D5D9
#DBD5C1
#D7D4C6
#D4D3CB
#D0D2CF
#CCD1D4
#C9CFD9
#C4CEDF
#E3CFBF
#DECEC5
#DACCCB
#D5CBD1
#D0C9D7
#CCC8DD
#C6C6E5
#ECC8BD
#E6C6C5
#E0C4CC
#DBC3D4
#D5C1DB
#CFBFE3
#C8BDEC
Colorpallet from #BDECC8 to #ECC8BD and to #C8ECBD
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#C5E6C6
#C4E7C6
#C3E8C6
#C2E9C6
#C1EAC6
#C0EBC6
#BFECC6
#CCE0C4
#CAE2C4
#C8E4C4
#C7E6C4
#C5E8C4
#C3EAC4
#C1ECC4
#D4DBC3
#D1DEC3
#CEE0C3
#CBE3C3
#C8E6C3
#C6E9C3
#C2ECC3
#DBD5C1
#D7D9C1
#D4DCC1
#D0E0C1
#CCE4C1
#C9E7C1
#C4ECC1
#E3CFBF
#DED4BF
#DAD8BF
#D5DDBF
#D0E2BF
#CCE6BF
#C6ECBF
#ECC8BD
#E6CEBD
#E0D4BD
#DBD9BD
#D5DFBD
#CFE5BD
#C8ECBD
Colorpallet from #BDECC8 to #C8BDEC and to #C8ECBD
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BDECC8
#BFE4CE
#BFE5CD
#BFE7CB
#BFE8CA
#BFE9C9
#BFEAC8
#BFECC6
#C1DDD4
#C1DFD1
#C1E2CF
#C1E4CC
#C1E7CA
#C1E9C7
#C1ECC4
#C2D5D9
#C2D9D5
#C2DCD2
#C2E0CE
#C2E4CB
#C2E7C7
#C2ECC3
#C4CEDF
#C4D3DA
#C4D8D5
#C4DCD1
#C4E1CC
#C4E6C7
#C4ECC1
#C6C6E5
#C6CCDF
#C6D2D9
#C6D8D3
#C6DECD
#C6E4C7
#C6ECBF
#C8BDEC
#C8C5E4
#C8CCDD
#C8D4D5
#C8DBCE
#C8E3C6
#C8ECBD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts