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 #BDDAC8 to #BDC8DA and to #DABDC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDD7CB
#BED7CB
#BFD6CA
#BFD6CA
#C0D6C9
#C1D5C9
#C2D5C8
#BDD4CE
#BED4CD
#C0D3CC
#C1D3CB
#C3D2CA
#C4D2C9
#C6D1C8
#BDD1D1
#BFD0D0
#C1CFCE
#C4CFCD
#C6CECB
#C8CDCA
#CBCCC8
#BDCED4
#C0CDD2
#C3CCD0
#C6CBCE
#C9CACC
#CCC8CA
#D0C7C8
#BDCCD6
#C1CBD4
#C4C9D2
#C8C8CF
#CCC6CD
#CFC5CB
#D4C3C8
#BDC8DA
#C2C6D7
#C6C4D4
#CBC3D1
#D0C1CE
#D4BFCC
#DABDC8
Colorpallet from #BDDAC8 to #BDC8DA and to #DAC8BD
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDD7CB
#BED7CA
#BFD7C9
#BFD7C9
#C0D7C8
#C1D7C7
#C2D7C6
#BDD4CE
#BED4CC
#C0D4CB
#C1D4C9
#C3D4C8
#C4D4C6
#C6D4C4
#BDD1D1
#BFD1CF
#C1D1CD
#C4D1CA
#C6D1C8
#C8D1C6
#CBD1C3
#BDCED4
#C0CED1
#C3CECE
#C6CECB
#C9CEC8
#CCCEC5
#D0CEC1
#BDCCD6
#C1CCD2
#C4CCCF
#C8CCCB
#CCCCC7
#CFCCC4
#D4CCBF
#BDC8DA
#C2C8D5
#C6C8D1
#CBC8CC
#D0C8C7
#D4C8C3
#DAC8BD
Colorpallet from #BDDAC8 to #BDC8DA and to #C8BDDA
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDD7CB
#BDD7CB
#BED6CB
#BED6CB
#BED6CB
#BFD5CB
#BFD5CB
#BDD4CE
#BED4CE
#BED3CE
#BFD3CE
#C0D2CE
#C0D2CE
#C1D1CE
#BDD1D1
#BED0D1
#BFCFD1
#BFCFD1
#C0CED1
#C1CDD1
#C2CCD1
#BDCED4
#BECDD4
#BFCCD4
#C0CBD4
#C1CAD4
#C3C8D4
#C4C7D4
#BDCCD6
#BECBD6
#C0C9D6
#C1C8D6
#C3C6D6
#C4C5D6
#C6C3D6
#BDC8DA
#BFC6DA
#C1C4DA
#C2C3DA
#C4C1DA
#C6BFDA
#C8BDDA
Colorpallet from #BDDAC8 to #BDC8DA and to #C8DABD
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDD7CB
#BDD7CA
#BED8C9
#BED8C9
#BED9C8
#BFD9C7
#BFDAC6
#BDD4CE
#BED5CC
#BED6CB
#BFD7C9
#C0D8C8
#C0D9C6
#C1DAC4
#BDD1D1
#BED2CF
#BFD4CD
#BFD5CA
#C0D7C8
#C1D8C6
#C2DAC3
#BDCED4
#BED0D1
#BFD2CE
#C0D4CB
#C1D6C8
#C3D8C5
#C4DAC1
#BDCCD6
#BECED2
#C0D0CF
#C1D3CB
#C3D5C7
#C4D7C4
#C6DABF
#BDC8DA
#BFCBD5
#C1CED1
#C2D1CC
#C4D4C7
#C6D6C3
#C8DABD
Colorpallet from #BDDAC8 to #DABDC8 and to #DAC8BD
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#C2D5C8
#C2D5C8
#C2D6C7
#C2D6C7
#C2D6C7
#C2D7C6
#C2D7C6
#C6D1C8
#C6D1C7
#C6D2C7
#C6D2C6
#C6D3C5
#C6D3C5
#C6D4C4
#CBCCC8
#CBCDC7
#CBCEC6
#CBCEC6
#CBCFC5
#CBD0C4
#CBD1C3
#D0C7C8
#D0C8C7
#D0C9C6
#D0CAC5
#D0CBC4
#D0CDC2
#D0CEC1
#D4C3C8
#D4C4C7
#D4C6C5
#D4C7C4
#D4C9C2
#D4CAC1
#D4CCBF
#DABDC8
#DABFC6
#DAC1C4
#DAC2C3
#DAC4C1
#DAC6BF
#DAC8BD
Colorpallet from #BDDAC8 to #DABDC8 and to #C8BDDA
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#C2D5C8
#C2D5C8
#C1D5C9
#C1D5C9
#C0D5CA
#C0D5CA
#BFD5CB
#C6D1C8
#C5D1C9
#C4D1CA
#C4D1CB
#C3D1CC
#C2D1CD
#C1D1CE
#CBCCC8
#CACCC9
#C8CCCB
#C7CCCC
#C5CCCE
#C4CCCF
#C2CCD1
#D0C7C8
#CEC7CA
#CCC7CC
#CAC7CE
#C8C7D0
#C6C7D2
#C4C7D4
#D4C3C8
#D2C3CA
#D0C3CC
#CDC3CF
#CBC3D1
#C9C3D3
#C6C3D6
#DABDC8
#D7BDCB
#D4BDCE
#D1BDD1
#CEBDD4
#CCBDD6
#C8BDDA
Colorpallet from #BDDAC8 to #DABDC8 and to #C8DABD
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#C2D5C8
#C2D6C8
#C1D7C7
#C1D7C7
#C0D8C7
#C0D9C6
#BFDAC6
#C6D1C8
#C5D2C7
#C4D4C7
#C4D5C6
#C3D7C5
#C2D8C5
#C1DAC4
#CBCCC8
#CACEC7
#C8D0C6
#C7D3C6
#C5D5C5
#C4D7C4
#C2DAC3
#D0C7C8
#CECAC7
#CCCDC6
#CAD0C5
#C8D3C4
#C6D6C2
#C4DAC1
#D4C3C8
#D2C7C7
#D0CAC5
#CDCEC4
#CBD2C2
#C9D5C1
#C6DABF
#DABDC8
#D7C2C6
#D4C6C4
#D1CBC3
#CED0C1
#CCD4BF
#C8DABD
Colorpallet from #BDDAC8 to #DAC8BD and to #C8BDDA
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#C2D7C6
#C2D7C7
#C1D6C8
#C1D6C8
#C0D6C9
#C0D5CA
#BFD5CB
#C6D4C4
#C5D4C6
#C4D3C7
#C4D3C9
#C3D2CA
#C2D2CC
#C1D1CE
#CBD1C3
#CAD0C5
#C8CFC7
#C7CFCA
#C5CECC
#C4CDCE
#C2CCD1
#D0CEC1
#CECDC4
#CCCCC7
#CACBCA
#C8CACD
#C6C8D0
#C4C7D4
#D4CCBF
#D2CBC3
#D0C9C6
#CDC8CA
#CBC6CE
#C9C5D1
#C6C3D6
#DAC8BD
#D7C6C2
#D4C4C6
#D1C3CB
#CEC1D0
#CCBFD4
#C8BDDA
Colorpallet from #BDDAC8 to #DAC8BD and to #C8DABD
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#C2D7C6
#C2D7C6
#C1D8C6
#C1D8C6
#C0D9C6
#C0D9C6
#BFDAC6
#C6D4C4
#C5D5C4
#C4D6C4
#C4D7C4
#C3D8C4
#C2D9C4
#C1DAC4
#CBD1C3
#CAD2C3
#C8D4C3
#C7D5C3
#C5D7C3
#C4D8C3
#C2DAC3
#D0CEC1
#CED0C1
#CCD2C1
#CAD4C1
#C8D6C1
#C6D8C1
#C4DAC1
#D4CCBF
#D2CEBF
#D0D0BF
#CDD3BF
#CBD5BF
#C9D7BF
#C6DABF
#DAC8BD
#D7CBBD
#D4CEBD
#D1D1BD
#CED4BD
#CCD6BD
#C8DABD
Colorpallet from #BDDAC8 to #C8BDDA and to #C8DABD
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BDDAC8
#BFD5CB
#BFD6CA
#BFD7C9
#BFD7C9
#BFD8C8
#BFD9C7
#BFDAC6
#C1D1CE
#C1D2CC
#C1D4CB
#C1D5C9
#C1D7C8
#C1D8C6
#C1DAC4
#C2CCD1
#C2CECF
#C2D0CD
#C2D3CA
#C2D5C8
#C2D7C6
#C2DAC3
#C4C7D4
#C4CAD1
#C4CDCE
#C4D0CB
#C4D3C8
#C4D6C5
#C4DAC1
#C6C3D6
#C6C7D2
#C6CACF
#C6CECB
#C6D2C7
#C6D5C4
#C6DABF
#C8BDDA
#C8C2D5
#C8C6D1
#C8CBCC
#C8D0C7
#C8D4C3
#C8DABD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts