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 #BDD1E2 to #BDE2D1 and to #D1BDE2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD4DF
#BDD3DF
#BED2E0
#BED1E0
#BFD0E1
#BFCFE1
#C0CEE2
#BDD6DD
#BED4DE
#BFD2DF
#C0D1DF
#C1CFE0
#C2CDE1
#C3CBE2
#BDD9DA
#BFD6DB
#C0D3DD
#C2D0DE
#C3CDDF
#C5CBE0
#C7C7E2
#BDDCD7
#BFD8D9
#C1D4DB
#C3D0DC
#C5CDDE
#C7C9E0
#CAC4E2
#BDDFD4
#C0DAD6
#C2D5D8
#C5D1DB
#C7CCDD
#CAC7DF
#CDC1E2
#BDE2D1
#C0DCD4
#C3D6D6
#C7D0D9
#CACADC
#CDC4DF
#D1BDE2
Colorpallet from #BDD1E2 to #BDE2D1 and to #D1E2BD
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD4DF
#BDD4DF
#BED4DE
#BED4DE
#BFD4DD
#BFD4DD
#C0D4DC
#BDD6DD
#BED6DC
#BFD6DB
#C0D6DA
#C1D6D9
#C2D6D7
#C3D6D6
#BDD9DA
#BFD9D8
#C0D9D7
#C2D9D5
#C3D9D4
#C5D9D2
#C7D9D0
#BDDCD7
#BFDCD5
#C1DCD3
#C3DCD1
#C5DCCF
#C7DCCD
#CADCCA
#BDDFD4
#C0DFD1
#C2DFCF
#C5DFCC
#C7DFCA
#CADFC7
#CDDFC4
#BDE2D1
#C0E2CE
#C3E2CB
#C7E2C7
#CAE2C4
#CDE2C1
#D1E2BD
Colorpallet from #BDD1E2 to #BDE2D1 and to #E2BDD1
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD4DF
#BED3DF
#BFD2DF
#C0D1DF
#C1D0DF
#C2CFDF
#C3CEDF
#BDD6DD
#BFD4DD
#C1D2DD
#C3D1DD
#C5CFDD
#C7CDDD
#C9CBDD
#BDD9DA
#C0D6DA
#C3D3DA
#C6D0DA
#C9CDDA
#CBCBDA
#CFC7DA
#BDDCD7
#C1D8D7
#C5D4D7
#C9D0D7
#CCCDD7
#D0C9D7
#D5C4D7
#BDDFD4
#C2DAD4
#C7D5D4
#CBD1D4
#D0CCD4
#D5C7D4
#DBC1D4
#BDE2D1
#C3DCD1
#C9D6D1
#CFD0D1
#D5CAD1
#DBC4D1
#E2BDD1
Colorpallet from #BDD1E2 to #BDE2D1 and to #E2D1BD
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD4DF
#BED4DF
#BFD3DE
#C0D3DE
#C1D2DD
#C2D2DD
#C3D1DC
#BDD6DD
#BFD5DC
#C1D4DB
#C3D4DA
#C5D3D9
#C7D2D7
#C9D1D6
#BDD9DA
#C0D8D8
#C3D6D7
#C6D5D5
#C9D4D4
#CBD3D2
#CFD1D0
#BDDCD7
#C1DAD5
#C5D8D3
#C9D7D1
#CCD5CF
#D0D3CD
#D5D1CA
#BDDFD4
#C2DDD1
#C7DBCF
#CBD8CC
#D0D6CA
#D5D4C7
#DBD1C4
#BDE2D1
#C3DFCE
#C9DDCB
#CFDAC7
#D5D7C4
#DBD4C1
#E2D1BD
Colorpallet from #BDD1E2 to #D1BDE2 and to #D1E2BD
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#C0CEE2
#C0CFE1
#C0D0E0
#C0D1DF
#C0D2DE
#C0D3DD
#C0D4DC
#C3CBE2
#C3CDE0
#C3CFDE
#C3D0DC
#C3D2DA
#C3D4D8
#C3D6D6
#C7C7E2
#C7CADF
#C7CDDC
#C7D0D9
#C7D3D6
#C7D5D4
#C7D9D0
#CAC4E2
#CAC8DE
#CACCDA
#CAD0D6
#CAD3D3
#CAD7CF
#CADCCA
#CDC1E2
#CDC6DD
#CDCBD8
#CDCFD4
#CDD4CF
#CDD9CA
#CDDFC4
#D1BDE2
#D1C3DC
#D1C9D6
#D1CFD0
#D1D5CA
#D1DBC4
#D1E2BD
Colorpallet from #BDD1E2 to #D1BDE2 and to #E2BDD1
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#C0CEE2
#C0CEE2
#C1CEE1
#C1CEE1
#C2CEE0
#C2CEE0
#C3CEDF
#C3CBE2
#C4CBE1
#C5CBE0
#C6CBE0
#C7CBDF
#C8CBDE
#C9CBDD
#C7C7E2
#C8C7E1
#CAC7DF
#CBC7DE
#CCC7DD
#CDC7DC
#CFC7DA
#CAC4E2
#CCC4E0
#CEC4DE
#CFC4DD
#D1C4DB
#D3C4D9
#D5C4D7
#CDC1E2
#CFC1E0
#D1C1DE
#D4C1DB
#D6C1D9
#D8C1D7
#DBC1D4
#D1BDE2
#D4BDDF
#D6BDDD
#D9BDDA
#DCBDD7
#DFBDD4
#E2BDD1
Colorpallet from #BDD1E2 to #D1BDE2 and to #E2D1BD
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#C0CEE2
#C0CEE1
#C1CFE0
#C1CFDF
#C2D0DE
#C2D0DD
#C3D1DC
#C3CBE2
#C4CCE0
#C5CDDE
#C6CEDC
#C7CFDA
#C8D0D8
#C9D1D6
#C7C7E2
#C8C9DF
#CACADC
#CBCCD9
#CCCDD6
#CDCFD4
#CFD1D0
#CAC4E2
#CCC6DE
#CEC8DA
#CFCAD6
#D1CCD3
#D3CECF
#D5D1CA
#CDC1E2
#CFC4DD
#D1C6D8
#D4C9D4
#D6CBCF
#D8CECA
#DBD1C4
#D1BDE2
#D4C0DC
#D6C3D6
#D9C7D0
#DCCACA
#DFCDC4
#E2D1BD
Colorpallet from #BDD1E2 to #D1E2BD and to #E2BDD1
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#C0D4DC
#C0D3DC
#C1D2DD
#C1D1DD
#C2D0DE
#C2CFDE
#C3CEDF
#C3D6D6
#C4D4D7
#C5D2D8
#C6D1D9
#C7CFDA
#C8CDDC
#C9CBDD
#C7D9D0
#C8D6D2
#CAD3D3
#CBD0D5
#CCCDD6
#CDCBD8
#CFC7DA
#CADCCA
#CCD8CC
#CED4CE
#CFD0D0
#D1CDD2
#D3C9D4
#D5C4D7
#CDDFC4
#CFDAC7
#D1D5C9
#D4D1CC
#D6CCCE
#D8C7D1
#DBC1D4
#D1E2BD
#D4DCC0
#D6D6C3
#D9D0C7
#DCCACA
#DFC4CD
#E2BDD1
Colorpallet from #BDD1E2 to #D1E2BD and to #E2D1BD
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#C0D4DC
#C0D4DC
#C1D3DC
#C1D3DC
#C2D2DC
#C2D2DC
#C3D1DC
#C3D6D6
#C4D5D6
#C5D4D6
#C6D4D6
#C7D3D6
#C8D2D6
#C9D1D6
#C7D9D0
#C8D8D0
#CAD6D0
#CBD5D0
#CCD4D0
#CDD3D0
#CFD1D0
#CADCCA
#CCDACA
#CED8CA
#CFD7CA
#D1D5CA
#D3D3CA
#D5D1CA
#CDDFC4
#CFDDC4
#D1DBC4
#D4D8C4
#D6D6C4
#D8D4C4
#DBD1C4
#D1E2BD
#D4DFBD
#D6DDBD
#D9DABD
#DCD7BD
#DFD4BD
#E2D1BD
Colorpallet from #BDD1E2 to #E2BDD1 and to #E2D1BD
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#BDD1E2
#C3CEDF
#C3CEDF
#C3CFDE
#C3CFDE
#C3D0DD
#C3D0DD
#C3D1DC
#C9CBDD
#C9CCDC
#C9CDDB
#C9CEDA
#C9CFD9
#C9D0D7
#C9D1D6
#CFC7DA
#CFC9D8
#CFCAD7
#CFCCD5
#CFCDD4
#CFCFD2
#CFD1D0
#D5C4D7
#D5C6D5
#D5C8D3
#D5CAD1
#D5CCCF
#D5CECD
#D5D1CA
#DBC1D4
#DBC4D1
#DBC6CF
#DBC9CC
#DBCBCA
#DBCEC7
#DBD1C4
#E2BDD1
#E2C0CE
#E2C3CB
#E2C7C7
#E2CAC4
#E2CDC1
#E2D1BD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
