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 #BFDACF to #BFCFDA and to #DABFCF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFD8D1
#C0D8D1
#C0D7D0
#C1D7D0
#C2D7D0
#C2D6CF
#C3D6CF
#BFD6D3
#C0D5D2
#C2D4D2
#C3D4D1
#C5D3D0
#C6D2D0
#C8D1CF
#BFD5D4
#C1D4D3
#C3D2D2
#C5D1D2
#C7D0D1
#C9CFD0
#CCCDCF
#BFD3D6
#C2D1D5
#C4D0D4
#C7CED3
#CACDD2
#CDCBD0
#D0C9CF
#BFD1D8
#C3CFD7
#C6CDD5
#CACBD4
#CDC9D2
#D1C7D1
#D5C4CF
#BFCFDA
#C3CCD8
#C8CAD6
#CCC7D5
#D0C5D3
#D5C2D1
#DABFCF
Colorpallet from #BFDACF to #BFCFDA and to #DACFBF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFD8D1
#C0D8D0
#C0D8CF
#C1D8CF
#C2D8CE
#C2D8CD
#C3D8CC
#BFD6D3
#C0D6D2
#C2D6D0
#C3D6CF
#C5D6CD
#C6D6CC
#C8D6CA
#BFD5D4
#C1D5D2
#C3D5D0
#C5D5CE
#C7D5CC
#C9D5CA
#CCD5C7
#BFD3D6
#C2D3D3
#C4D3D1
#C7D3CE
#CAD3CB
#CDD3C8
#D0D3C5
#BFD1D8
#C3D1D4
#C6D1D1
#CAD1CD
#CDD1CA
#D1D1C6
#D5D1C2
#BFCFDA
#C3CFD6
#C8CFD1
#CCCFCD
#D0CFC9
#D5CFC4
#DACFBF
Colorpallet from #BFDACF to #BFCFDA and to #CFBFDA
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFD8D1
#BFD8D1
#C0D7D1
#C0D7D1
#C1D7D1
#C1D6D1
#C2D6D1
#BFD6D3
#C0D5D3
#C1D4D3
#C1D4D3
#C2D3D3
#C3D2D3
#C4D1D3
#BFD5D4
#C0D4D4
#C2D2D4
#C3D1D4
#C4D0D4
#C5CFD4
#C7CDD4
#BFD3D6
#C1D1D6
#C2D0D6
#C4CED6
#C5CDD6
#C7CBD6
#C9C9D6
#BFD1D8
#C1CFD8
#C3CDD8
#C5CBD8
#C7C9D8
#C9C7D8
#CCC4D8
#BFCFDA
#C2CCDA
#C4CADA
#C7C7DA
#C9C5DA
#CCC2DA
#CFBFDA
Colorpallet from #BFDACF to #BFCFDA and to #CFDABF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFD8D1
#BFD8D0
#C0D9CF
#C0D9CF
#C1D9CE
#C1DACD
#C2DACC
#BFD6D3
#C0D7D2
#C1D7D0
#C1D8CF
#C2D9CD
#C3D9CC
#C4DACA
#BFD5D4
#C0D6D2
#C2D7D0
#C3D7CE
#C4D8CC
#C5D9CA
#C7DAC7
#BFD3D6
#C1D4D3
#C2D5D1
#C4D6CE
#C5D7CB
#C7D9C8
#C9DAC5
#BFD1D8
#C1D2D4
#C3D4D1
#C5D5CD
#C7D7CA
#C9D8C6
#CCDAC2
#BFCFDA
#C2D1D6
#C4D3D1
#C7D4CD
#C9D6C9
#CCD8C4
#CFDABF
Colorpallet from #BFDACF to #DABFCF and to #DACFBF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#C3D6CF
#C3D6CF
#C3D7CE
#C3D7CE
#C3D7CD
#C3D8CD
#C3D8CC
#C8D1CF
#C8D2CE
#C8D3CD
#C8D3CD
#C8D4CC
#C8D5CB
#C8D6CA
#CCCDCF
#CCCECE
#CCD0CC
#CCD1CB
#CCD2CA
#CCD3C9
#CCD5C7
#D0C9CF
#D0CBCD
#D0CCCC
#D0CECA
#D0CFC9
#D0D1C7
#D0D3C5
#D5C4CF
#D5C6CD
#D5C8CB
#D5CAC9
#D5CCC7
#D5CEC5
#D5D1C2
#DABFCF
#DAC2CC
#DAC4CA
#DAC7C7
#DAC9C5
#DACCC2
#DACFBF
Colorpallet from #BFDACF to #DABFCF and to #CFBFDA
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#C3D6CF
#C3D6CF
#C3D6D0
#C3D6D0
#C2D6D0
#C2D6D1
#C2D6D1
#C8D1CF
#C7D1D0
#C7D1D0
#C6D1D1
#C5D1D2
#C5D1D2
#C4D1D3
#CCCDCF
#CBCDD0
#CACDD1
#CACDD1
#C9CDD2
#C8CDD3
#C7CDD4
#D0C9CF
#CFC9D0
#CEC9D1
#CDC9D2
#CCC9D3
#CAC9D5
#C9C9D6
#D5C4CF
#D4C4D0
#D2C4D2
#D1C4D3
#CFC4D5
#CEC4D6
#CCC4D8
#DABFCF
#D8BFD1
#D6BFD3
#D5BFD4
#D3BFD6
#D1BFD8
#CFBFDA
Colorpallet from #BFDACF to #DABFCF and to #CFDABF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#C3D6CF
#C3D7CF
#C3D7CE
#C3D8CE
#C2D9CD
#C2D9CD
#C2DACC
#C8D1CF
#C7D2CE
#C7D4CD
#C6D5CD
#C5D7CC
#C5D8CB
#C4DACA
#CCCDCF
#CBCFCE
#CAD1CC
#CAD3CB
#C9D5CA
#C8D7C9
#C7DAC7
#D0C9CF
#CFCCCD
#CECECC
#CDD1CA
#CCD4C9
#CAD7C7
#C9DAC5
#D5C4CF
#D4C8CD
#D2CBCB
#D1CFC9
#CFD2C7
#CED6C5
#CCDAC2
#DABFCF
#D8C3CC
#D6C8CA
#D5CCC7
#D3D0C5
#D1D5C2
#CFDABF
Colorpallet from #BFDACF to #DACFBF and to #CFBFDA
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#C3D8CC
#C3D8CD
#C3D7CE
#C3D7CE
#C2D7CF
#C2D6D0
#C2D6D1
#C8D6CA
#C7D5CB
#C7D4CD
#C6D4CE
#C5D3D0
#C5D2D1
#C4D1D3
#CCD5C7
#CBD4C9
#CAD2CB
#CAD1CD
#C9D0CF
#C8CFD1
#C7CDD4
#D0D3C5
#CFD1C8
#CED0CA
#CDCECD
#CCCDD0
#CACBD3
#C9C9D6
#D5D1C2
#D4CFC6
#D2CDC9
#D1CBCD
#CFC9D0
#CEC7D4
#CCC4D8
#DACFBF
#D8CCC3
#D6CAC8
#D5C7CC
#D3C5D0
#D1C2D5
#CFBFDA
Colorpallet from #BFDACF to #DACFBF and to #CFDABF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#C3D8CC
#C3D8CC
#C3D9CC
#C3D9CC
#C2D9CC
#C2DACC
#C2DACC
#C8D6CA
#C7D7CA
#C7D7CA
#C6D8CA
#C5D9CA
#C5D9CA
#C4DACA
#CCD5C7
#CBD6C7
#CAD7C7
#CAD7C7
#C9D8C7
#C8D9C7
#C7DAC7
#D0D3C5
#CFD4C5
#CED5C5
#CDD6C5
#CCD7C5
#CAD9C5
#C9DAC5
#D5D1C2
#D4D2C2
#D2D4C2
#D1D5C2
#CFD7C2
#CED8C2
#CCDAC2
#DACFBF
#D8D1BF
#D6D3BF
#D5D4BF
#D3D6BF
#D1D8BF
#CFDABF
Colorpallet from #BFDACF to #CFBFDA and to #CFDABF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#BFDACF
#C2D6D1
#C2D7D0
#C2D7CF
#C2D8CF
#C2D9CE
#C2D9CD
#C2DACC
#C4D1D3
#C4D2D2
#C4D4D0
#C4D5CF
#C4D7CD
#C4D8CC
#C4DACA
#C7CDD4
#C7CFD2
#C7D1D0
#C7D3CE
#C7D5CC
#C7D7CA
#C7DAC7
#C9C9D6
#C9CCD3
#C9CED1
#C9D1CE
#C9D4CB
#C9D7C8
#C9DAC5
#CCC4D8
#CCC8D4
#CCCBD1
#CCCFCD
#CCD2CA
#CCD6C6
#CCDAC2
#CFBFDA
#CFC3D6
#CFC8D1
#CFCCCD
#CFD0C9
#CFD5C4
#CFDABF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts