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 #BDCFE2 to #BDE2CF and to #CFBDE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDD2DF
#BDD1DF
#BED0E0
#BECFE0
#BFCEE1
#BFCDE1
#C0CCE2
#BDD5DC
#BED3DD
#BFD1DE
#C0CFDF
#C1CDE0
#C2CBE1
#C3C9E2
#BDD8D9
#BED5DA
#C0D2DC
#C1CFDD
#C3CCDF
#C4CAE0
#C6C6E2
#BDDBD6
#BFD7D8
#C1D3DA
#C3CFDC
#C5CCDE
#C7C8E0
#C9C3E2
#BDDED3
#BFD9D5
#C1D5D8
#C4D0DA
#C6CBDD
#C8C7DF
#CBC1E2
#BDE2CF
#C0DCD2
#C3D6D5
#C6D0D8
#C9CADB
#CBC4DE
#CFBDE2
Colorpallet from #BDCFE2 to #BDE2CF and to #CFE2BD
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDD2DF
#BDD2DF
#BED2DE
#BED2DE
#BFD2DD
#BFD2DD
#C0D2DC
#BDD5DC
#BED5DB
#BFD5DA
#C0D5D9
#C1D5D8
#C2D5D7
#C3D5D6
#BDD8D9
#BED8D8
#C0D8D6
#C1D8D5
#C3D8D3
#C4D8D2
#C6D8D0
#BDDBD6
#BFDBD4
#C1DBD2
#C3DBD0
#C5DBCE
#C7DBCC
#C9DBCA
#BDDED3
#BFDED1
#C1DECE
#C4DECC
#C6DEC9
#C8DEC7
#CBDEC4
#BDE2CF
#C0E2CC
#C3E2C9
#C6E2C6
#C9E2C3
#CBE2C1
#CFE2BD
Colorpallet from #BDCFE2 to #BDE2CF and to #E2BDCF
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDD2DF
#BED1DF
#BFD0DF
#C0CFDF
#C1CEDF
#C2CDDF
#C3CCDF
#BDD5DC
#BFD3DC
#C1D1DC
#C3CFDC
#C5CDDC
#C7CBDC
#C9C9DC
#BDD8D9
#C0D5D9
#C3D2D9
#C6CFD9
#C9CCD9
#CBCAD9
#CFC6D9
#BDDBD6
#C1D7D6
#C5D3D6
#C9CFD6
#CCCCD6
#D0C8D6
#D5C3D6
#BDDED3
#C2D9D3
#C7D5D3
#CBD0D3
#D0CBD3
#D5C7D3
#DBC1D3
#BDE2CF
#C3DCCF
#C9D6CF
#CFD0CF
#D5CACF
#DBC4CF
#E2BDCF
Colorpallet from #BDCFE2 to #BDE2CF and to #E2CFBD
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDD2DF
#BED2DF
#BFD1DE
#C0D1DE
#C1D0DD
#C2D0DD
#C3CFDC
#BDD5DC
#BFD4DB
#C1D3DA
#C3D2D9
#C5D1D8
#C7D0D7
#C9CFD6
#BDD8D9
#C0D7D8
#C3D5D6
#C6D4D5
#C9D2D3
#CBD1D2
#CFCFD0
#BDDBD6
#C1D9D4
#C5D7D2
#C9D5D0
#CCD3CE
#D0D1CC
#D5CFCA
#BDDED3
#C2DCD1
#C7D9CE
#CBD7CC
#D0D4C9
#D5D2C7
#DBCFC4
#BDE2CF
#C3DFCC
#C9DCC9
#CFD9C6
#D5D6C3
#DBD3C1
#E2CFBD
Colorpallet from #BDCFE2 to #CFBDE2 and to #CFE2BD
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#C0CCE2
#C0CDE1
#C0CEE0
#C0CFDF
#C0D0DE
#C0D1DD
#C0D2DC
#C3C9E2
#C3CBE0
#C3CDDE
#C3CFDC
#C3D1DA
#C3D3D8
#C3D5D6
#C6C6E2
#C6C9DF
#C6CCDC
#C6CFD9
#C6D2D6
#C6D4D4
#C6D8D0
#C9C3E2
#C9C7DE
#C9CBDA
#C9CFD6
#C9D2D3
#C9D6CF
#C9DBCA
#CBC1E2
#CBC6DD
#CBCAD8
#CBCFD4
#CBD4CF
#CBD8CA
#CBDEC4
#CFBDE2
#CFC3DC
#CFC9D6
#CFCFD0
#CFD5CA
#CFDBC4
#CFE2BD
Colorpallet from #BDCFE2 to #CFBDE2 and to #E2BDCF
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#C0CCE2
#C0CCE2
#C1CCE1
#C1CCE1
#C2CCE0
#C2CCE0
#C3CCDF
#C3C9E2
#C4C9E1
#C5C9E0
#C6C9DF
#C7C9DE
#C8C9DD
#C9C9DC
#C6C6E2
#C7C6E1
#C9C6DF
#CAC6DE
#CCC6DC
#CDC6DB
#CFC6D9
#C9C3E2
#CBC3E0
#CDC3DE
#CFC3DC
#D1C3DA
#D3C3D8
#D5C3D6
#CBC1E2
#CEC1E0
#D0C1DD
#D3C1DB
#D5C1D8
#D8C1D6
#DBC1D3
#CFBDE2
#D2BDDF
#D5BDDC
#D8BDD9
#DBBDD6
#DEBDD3
#E2BDCF
Colorpallet from #BDCFE2 to #CFBDE2 and to #E2CFBD
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#C0CCE2
#C0CCE1
#C1CDE0
#C1CDDF
#C2CEDE
#C2CEDD
#C3CFDC
#C3C9E2
#C4CAE0
#C5CBDE
#C6CCDC
#C7CDDA
#C8CED8
#C9CFD6
#C6C6E2
#C7C7DF
#C9C9DC
#CACAD9
#CCCCD6
#CDCDD4
#CFCFD0
#C9C3E2
#CBC5DE
#CDC7DA
#CFC9D6
#D1CBD3
#D3CDCF
#D5CFCA
#CBC1E2
#CEC3DD
#D0C5D8
#D3C8D4
#D5CACF
#D8CCCA
#DBCFC4
#CFBDE2
#D2C0DC
#D5C3D6
#D8C6D0
#DBC9CA
#DECBC4
#E2CFBD
Colorpallet from #BDCFE2 to #CFE2BD and to #E2BDCF
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#C0D2DC
#C0D1DC
#C1D0DD
#C1CFDD
#C2CEDE
#C2CDDE
#C3CCDF
#C3D5D6
#C4D3D7
#C5D1D8
#C6CFD9
#C7CDDA
#C8CBDB
#C9C9DC
#C6D8D0
#C7D5D1
#C9D2D3
#CACFD4
#CCCCD6
#CDCAD7
#CFC6D9
#C9DBCA
#CBD7CC
#CDD3CE
#CFCFD0
#D1CCD2
#D3C8D4
#D5C3D6
#CBDEC4
#CED9C6
#D0D5C9
#D3D0CB
#D5CBCE
#D8C7D0
#DBC1D3
#CFE2BD
#D2DCC0
#D5D6C3
#D8D0C6
#DBCAC9
#DEC4CB
#E2BDCF
Colorpallet from #BDCFE2 to #CFE2BD and to #E2CFBD
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#C0D2DC
#C0D2DC
#C1D1DC
#C1D1DC
#C2D0DC
#C2D0DC
#C3CFDC
#C3D5D6
#C4D4D6
#C5D3D6
#C6D2D6
#C7D1D6
#C8D0D6
#C9CFD6
#C6D8D0
#C7D7D0
#C9D5D0
#CAD4D0
#CCD2D0
#CDD1D0
#CFCFD0
#C9DBCA
#CBD9CA
#CDD7CA
#CFD5CA
#D1D3CA
#D3D1CA
#D5CFCA
#CBDEC4
#CEDCC4
#D0D9C4
#D3D7C4
#D5D4C4
#D8D2C4
#DBCFC4
#CFE2BD
#D2DFBD
#D5DCBD
#D8D9BD
#DBD6BD
#DED3BD
#E2CFBD
Colorpallet from #BDCFE2 to #E2BDCF and to #E2CFBD
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#BDCFE2
#C3CCDF
#C3CCDF
#C3CDDE
#C3CDDE
#C3CEDD
#C3CEDD
#C3CFDC
#C9C9DC
#C9CADB
#C9CBDA
#C9CCD9
#C9CDD8
#C9CED7
#C9CFD6
#CFC6D9
#CFC7D8
#CFC9D6
#CFCAD5
#CFCCD3
#CFCDD2
#CFCFD0
#D5C3D6
#D5C5D4
#D5C7D2
#D5C9D0
#D5CBCE
#D5CDCC
#D5CFCA
#DBC1D3
#DBC3D1
#DBC5CE
#DBC8CC
#DBCAC9
#DBCCC7
#DBCFC4
#E2BDCF
#E2C0CC
#E2C3C9
#E2C6C6
#E2C9C3
#E2CBC1
#E2CFBD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts