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 #C7D2ED to #C7EDD2 and to #D2C7ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D6E9
#C7D5EA
#C8D4EA
#C8D3EB
#C8D2EC
#C9D1EC
#C9D0ED
#C7DBE4
#C8D9E5
#C8D7E7
#C9D5E8
#CAD3EA
#CAD1EB
#CBCEED
#C7DFE0
#C8DCE2
#C9D9E4
#C9D6E6
#CAD3E8
#CBD1EA
#CCCDED
#C7E3DC
#C8DFDF
#C9DBE1
#CAD7E4
#CBD4E7
#CDD0EA
#CECBED
#C7E8D7
#C8E3DB
#CADEDE
#CBD9E2
#CDD4E5
#CECFE9
#D0C9ED
#C7EDD2
#C9E7D6
#CBE1DB
#CCDBDF
#CED5E3
#D0CFE8
#D2C7ED
Colorpallet from #C7D2ED to #C7EDD2 and to #D2EDC7
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D6E9
#C7D6E9
#C8D6E8
#C8D6E8
#C8D6E8
#C9D6E7
#C9D6E7
#C7DBE4
#C8DBE4
#C8DBE3
#C9DBE3
#CADBE2
#CADBE2
#CBDBE1
#C7DFE0
#C8DFDF
#C9DFDE
#C9DFDE
#CADFDD
#CBDFDC
#CCDFDB
#C7E3DC
#C8E3DB
#C9E3DA
#CAE3D9
#CBE3D8
#CDE3D6
#CEE3D5
#C7E8D7
#C8E8D6
#CAE8D4
#CBE8D3
#CDE8D2
#CEE8D1
#D0E8CF
#C7EDD2
#C9EDD0
#CBEDCE
#CCEDCD
#CEEDCB
#D0EDC9
#D2EDC7
Colorpallet from #C7D2ED to #C7EDD2 and to #EDC7D2
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D6E9
#C8D5E9
#C9D4E9
#CAD3E9
#CBD2E9
#CCD1E9
#CDD0E9
#C7DBE4
#C9D9E4
#CBD7E4
#CDD5E4
#CFD3E4
#D1D1E4
#D3CEE4
#C7DFE0
#CADCE0
#CDD9E0
#D0D6E0
#D3D3E0
#D5D1E0
#D9CDE0
#C7E3DC
#CBDFDC
#CFDBDC
#D3D7DC
#D6D4DC
#DAD0DC
#DFCBDC
#C7E8D7
#CCE3D7
#D1DED7
#D5D9D7
#DAD4D7
#DFCFD7
#E5C9D7
#C7EDD2
#CDE7D2
#D3E1D2
#D9DBD2
#DFD5D2
#E5CFD2
#EDC7D2
Colorpallet from #C7D2ED to #C7EDD2 and to #EDD2C7
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D6E9
#C8D5E9
#C9D5E8
#CAD4E8
#CBD3E8
#CCD3E7
#CDD2E7
#C7DBE4
#C9DAE4
#CBD8E3
#CDD7E3
#CFD5E2
#D1D4E2
#D3D2E1
#C7DFE0
#CADDDF
#CDDBDE
#D0D9DE
#D3D7DD
#D5D5DC
#D9D2DB
#C7E3DC
#CBE0DB
#CFDEDA
#D3DBD9
#D6D8D8
#DAD5D6
#DFD2D5
#C7E8D7
#CCE4D6
#D1E1D4
#D5DDD3
#DADAD2
#DFD6D1
#E5D2CF
#C7EDD2
#CDE9D0
#D3E4CE
#D9E0CD
#DFDCCB
#E5D7C9
#EDD2C7
Colorpallet from #C7D2ED to #D2C7ED and to #D2EDC7
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C9D0ED
#C9D1EC
#C9D2EB
#C9D3EA
#C9D4E9
#C9D5E8
#C9D6E7
#CBCEED
#CBD0EB
#CBD2E9
#CBD4E7
#CBD6E5
#CBD8E3
#CBDBE1
#CCCDED
#CCD0EA
#CCD3E7
#CCD6E4
#CCD9E1
#CCDBDF
#CCDFDB
#CECBED
#CECFE9
#CED3E5
#CED7E1
#CEDADE
#CEDEDA
#CEE3D5
#D0C9ED
#D0CEE8
#D0D3E3
#D0D8DF
#D0DDDA
#D0E2D5
#D0E8CF
#D2C7ED
#D2CDE7
#D2D3E1
#D2D9DB
#D2DFD5
#D2E5CF
#D2EDC7
Colorpallet from #C7D2ED to #D2C7ED and to #EDC7D2
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C9D0ED
#CAD0EC
#CAD0EC
#CBD0EB
#CCD0EA
#CCD0EA
#CDD0E9
#CBCEED
#CCCEEC
#CECEEA
#CFCEE9
#D0CEE7
#D1CEE6
#D3CEE4
#CCCDED
#CECDEB
#D0CDE9
#D2CDE7
#D4CDE5
#D6CDE3
#D9CDE0
#CECBED
#D1CBEA
#D3CBE8
#D6CBE5
#D9CBE2
#DCCBDF
#DFCBDC
#D0C9ED
#D3C9E9
#D7C9E6
#DAC9E2
#DDC9DF
#E1C9DB
#E5C9D7
#D2C7ED
#D6C7E9
#DBC7E4
#DFC7E0
#E3C7DC
#E8C7D7
#EDC7D2
Colorpallet from #C7D2ED to #D2C7ED and to #EDD2C7
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C9D0ED
#CAD0EC
#CAD1EB
#CBD1EA
#CCD1E9
#CCD2E8
#CDD2E7
#CBCEED
#CCCFEB
#CECFE9
#CFD0E7
#D0D1E5
#D1D1E3
#D3D2E1
#CCCDED
#CECEEA
#D0CFE7
#D2CFE4
#D4D0E1
#D6D1DF
#D9D2DB
#CECBED
#D1CCE9
#D3CDE5
#D6CEE1
#D9CFDE
#DCD1DA
#DFD2D5
#D0C9ED
#D3CAE8
#D7CCE3
#DACDDF
#DDCFDA
#E1D0D5
#E5D2CF
#D2C7ED
#D6C9E7
#DBCBE1
#DFCCDB
#E3CED5
#E8D0CF
#EDD2C7
Colorpallet from #C7D2ED to #D2EDC7 and to #EDC7D2
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C9D6E7
#CAD5E7
#CAD4E8
#CBD3E8
#CCD2E8
#CCD1E9
#CDD0E9
#CBDBE1
#CCD9E1
#CED7E2
#CFD5E2
#D0D3E3
#D1D1E3
#D3CEE4
#CCDFDB
#CEDCDC
#D0D9DD
#D2D6DD
#D4D3DE
#D6D1DF
#D9CDE0
#CEE3D5
#D1DFD6
#D3DBD7
#D6D7D8
#D9D4D9
#DCD0DB
#DFCBDC
#D0E8CF
#D3E3D0
#D7DED2
#DAD9D3
#DDD4D4
#E1CFD5
#E5C9D7
#D2EDC7
#D6E7C9
#DBE1CB
#DFDBCC
#E3D5CE
#E8CFD0
#EDC7D2
Colorpallet from #C7D2ED to #D2EDC7 and to #EDD2C7
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C9D6E7
#CAD5E7
#CAD5E7
#CBD4E7
#CCD3E7
#CCD3E7
#CDD2E7
#CBDBE1
#CCDAE1
#CED8E1
#CFD7E1
#D0D5E1
#D1D4E1
#D3D2E1
#CCDFDB
#CEDDDB
#D0DBDB
#D2D9DB
#D4D7DB
#D6D5DB
#D9D2DB
#CEE3D5
#D1E0D5
#D3DED5
#D6DBD5
#D9D8D5
#DCD5D5
#DFD2D5
#D0E8CF
#D3E4CF
#D7E1CF
#DADDCF
#DDDACF
#E1D6CF
#E5D2CF
#D2EDC7
#D6E9C7
#DBE4C7
#DFE0C7
#E3DCC7
#E8D7C7
#EDD2C7
Colorpallet from #C7D2ED to #EDC7D2 and to #EDD2C7
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#C7D2ED
#CDD0E9
#CDD0E9
#CDD1E8
#CDD1E8
#CDD1E8
#CDD2E7
#CDD2E7
#D3CEE4
#D3CFE4
#D3CFE3
#D3D0E3
#D3D1E2
#D3D1E2
#D3D2E1
#D9CDE0
#D9CEDF
#D9CFDE
#D9CFDE
#D9D0DD
#D9D1DC
#D9D2DB
#DFCBDC
#DFCCDB
#DFCDDA
#DFCED9
#DFCFD8
#DFD1D6
#DFD2D5
#E5C9D7
#E5CAD6
#E5CCD4
#E5CDD3
#E5CFD2
#E5D0D1
#E5D2CF
#EDC7D2
#EDC9D0
#EDCBCE
#EDCCCD
#EDCECB
#EDD0C9
#EDD2C7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts