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 #BDDACD to #BDCDDA and to #DABDCD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDD8CF
#BED8CF
#BFD7CE
#BFD7CE
#C0D6CE
#C1D6CD
#C2D5CD
#BDD6D1
#BED5D0
#C0D4D0
#C1D4CF
#C3D3CE
#C4D2CE
#C6D1CD
#BDD4D3
#BFD3D2
#C1D1D1
#C4D0D0
#C6CFCF
#C8CECE
#CBCCCD
#BDD2D5
#C0D0D4
#C3CED2
#C6CDD1
#C9CBD0
#CCC9CF
#D0C7CD
#BDD0D7
#C1CED5
#C4CCD4
#C8CAD2
#CCC8D1
#CFC6CF
#D4C3CD
#BDCDDA
#C2CAD8
#C6C8D6
#CBC5D4
#D0C3D2
#D4C0D0
#DABDCD
Colorpallet from #BDDACD to #BDCDDA and to #DACDBD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDD8CF
#BED8CE
#BFD8CD
#BFD8CD
#C0D8CC
#C1D8CB
#C2D8CA
#BDD6D1
#BED6D0
#C0D6CE
#C1D6CD
#C3D6CB
#C4D6CA
#C6D6C8
#BDD4D3
#BFD4D1
#C1D4CF
#C4D4CC
#C6D4CA
#C8D4C8
#CBD4C5
#BDD2D5
#C0D2D2
#C3D2CF
#C6D2CC
#C9D2C9
#CCD2C7
#D0D2C3
#BDD0D7
#C1D0D3
#C4D0D0
#C8D0CC
#CCD0C8
#CFD0C5
#D4D0C0
#BDCDDA
#C2CDD5
#C6CDD1
#CBCDCC
#D0CDC7
#D4CDC3
#DACDBD
Colorpallet from #BDDACD to #BDCDDA and to #CDBDDA
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDD8CF
#BDD8CF
#BED7CF
#BED7CF
#BFD6CF
#BFD6CF
#C0D5CF
#BDD6D1
#BED5D1
#BFD4D1
#BFD4D1
#C0D3D1
#C1D2D1
#C2D1D1
#BDD4D3
#BED3D3
#C0D1D3
#C1D0D3
#C2CFD3
#C3CED3
#C5CCD3
#BDD2D5
#BFD0D5
#C0CED5
#C2CDD5
#C3CBD5
#C5C9D5
#C7C7D5
#BDD0D7
#BFCED7
#C1CCD7
#C3CAD7
#C5C8D7
#C7C6D7
#CAC3D7
#BDCDDA
#C0CADA
#C2C8DA
#C5C5DA
#C7C3DA
#CAC0DA
#CDBDDA
Colorpallet from #BDDACD to #BDCDDA and to #CDDABD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDD8CF
#BDD8CE
#BED9CD
#BED9CD
#BFD9CC
#BFDACB
#C0DACA
#BDD6D1
#BED7D0
#BFD7CE
#BFD8CD
#C0D9CB
#C1D9CA
#C2DAC8
#BDD4D3
#BED5D1
#C0D6CF
#C1D7CC
#C2D8CA
#C3D9C8
#C5DAC5
#BDD2D5
#BFD3D2
#C0D5CF
#C2D6CC
#C3D7C9
#C5D8C7
#C7DAC3
#BDD0D7
#BFD2D3
#C1D3D0
#C3D5CC
#C5D6C8
#C7D8C5
#CADAC0
#BDCDDA
#C0CFD5
#C2D1D1
#C5D3CC
#C7D5C7
#CAD7C3
#CDDABD
Colorpallet from #BDDACD to #DABDCD and to #DACDBD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#C2D5CD
#C2D5CD
#C2D6CC
#C2D6CC
#C2D7CB
#C2D7CB
#C2D8CA
#C6D1CD
#C6D2CC
#C6D3CB
#C6D3CB
#C6D4CA
#C6D5C9
#C6D6C8
#CBCCCD
#CBCDCC
#CBCFCA
#CBD0C9
#CBD1C8
#CBD2C7
#CBD4C5
#D0C7CD
#D0C9CB
#D0CBCA
#D0CCC8
#D0CEC7
#D0D0C5
#D0D2C3
#D4C3CD
#D4C5CB
#D4C7C9
#D4C9C7
#D4CBC5
#D4CDC3
#D4D0C0
#DABDCD
#DAC0CA
#DAC2C8
#DAC5C5
#DAC7C3
#DACAC0
#DACDBD
Colorpallet from #BDDACD to #DABDCD and to #CDBDDA
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#C2D5CD
#C2D5CD
#C1D5CE
#C1D5CE
#C1D5CE
#C0D5CF
#C0D5CF
#C6D1CD
#C5D1CE
#C5D1CE
#C4D1CF
#C3D1D0
#C3D1D0
#C2D1D1
#CBCCCD
#CACCCE
#C9CCCF
#C8CCD0
#C7CCD1
#C6CCD2
#C5CCD3
#D0C7CD
#CFC7CE
#CDC7D0
#CCC7D1
#CAC7D2
#C9C7D3
#C7C7D5
#D4C3CD
#D2C3CF
#D1C3D0
#CFC3D2
#CEC3D3
#CCC3D5
#CAC3D7
#DABDCD
#D8BDCF
#D6BDD1
#D4BDD3
#D2BDD5
#D0BDD7
#CDBDDA
Colorpallet from #BDDACD to #DABDCD and to #CDDABD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#C2D5CD
#C2D6CD
#C1D7CC
#C1D7CC
#C1D8CB
#C0D9CB
#C0DACA
#C6D1CD
#C5D2CC
#C5D4CB
#C4D5CB
#C3D7CA
#C3D8C9
#C2DAC8
#CBCCCD
#CACECC
#C9D0CA
#C8D3C9
#C7D5C8
#C6D7C7
#C5DAC5
#D0C7CD
#CFCACB
#CDCDCA
#CCD0C8
#CAD3C7
#C9D6C5
#C7DAC3
#D4C3CD
#D2C7CB
#D1CAC9
#CFCEC7
#CED2C5
#CCD5C3
#CADAC0
#DABDCD
#D8C2CA
#D6C6C8
#D4CBC5
#D2D0C3
#D0D4C0
#CDDABD
Colorpallet from #BDDACD to #DACDBD and to #CDBDDA
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#C2D8CA
#C2D8CB
#C1D7CC
#C1D7CC
#C1D6CD
#C0D6CE
#C0D5CF
#C6D6C8
#C5D5C9
#C5D4CB
#C4D4CC
#C3D3CE
#C3D2CF
#C2D1D1
#CBD4C5
#CAD3C7
#C9D1C9
#C8D0CC
#C7CFCE
#C6CED0
#C5CCD3
#D0D2C3
#CFD0C6
#CDCEC9
#CCCDCC
#CACBCF
#C9C9D1
#C7C7D5
#D4D0C0
#D2CEC4
#D1CCC7
#CFCACB
#CEC8CF
#CCC6D2
#CAC3D7
#DACDBD
#D8CAC2
#D6C8C6
#D4C5CB
#D2C3D0
#D0C0D4
#CDBDDA
Colorpallet from #BDDACD to #DACDBD and to #CDDABD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#C2D8CA
#C2D8CA
#C1D9CA
#C1D9CA
#C1D9CA
#C0DACA
#C0DACA
#C6D6C8
#C5D7C8
#C5D7C8
#C4D8C8
#C3D9C8
#C3D9C8
#C2DAC8
#CBD4C5
#CAD5C5
#C9D6C5
#C8D7C5
#C7D8C5
#C6D9C5
#C5DAC5
#D0D2C3
#CFD3C3
#CDD5C3
#CCD6C3
#CAD7C3
#C9D8C3
#C7DAC3
#D4D0C0
#D2D2C0
#D1D3C0
#CFD5C0
#CED6C0
#CCD8C0
#CADAC0
#DACDBD
#D8CFBD
#D6D1BD
#D4D3BD
#D2D5BD
#D0D7BD
#CDDABD
Colorpallet from #BDDACD to #CDBDDA and to #CDDABD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#BDDACD
#C0D5CF
#C0D6CE
#C0D7CD
#C0D7CD
#C0D8CC
#C0D9CB
#C0DACA
#C2D1D1
#C2D2D0
#C2D4CE
#C2D5CD
#C2D7CB
#C2D8CA
#C2DAC8
#C5CCD3
#C5CED1
#C5D0CF
#C5D3CC
#C5D5CA
#C5D7C8
#C5DAC5
#C7C7D5
#C7CAD2
#C7CDCF
#C7D0CC
#C7D3C9
#C7D6C7
#C7DAC3
#CAC3D7
#CAC7D3
#CACAD0
#CACECC
#CAD2C8
#CAD5C5
#CADAC0
#CDBDDA
#CDC2D5
#CDC6D1
#CDCBCC
#CDD0C7
#CDD4C3
#CDDABD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts