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 #CDCAED to #CDEDCA and to #CACDED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDD0E7
#CDCFE8
#CDCEE9
#CDCDEA
#CDCCEB
#CDCBEC
#CDCAED
#CDD5E2
#CDD3E4
#CDD2E6
#CDD0E7
#CCCFE9
#CCCDEB
#CCCBED
#CDDBDC
#CDD8DF
#CDD6E1
#CDD3E4
#CCD1E7
#CCCEEA
#CCCBED
#CDE0D7
#CDDDDB
#CCDADE
#CCD6E2
#CCD3E5
#CBD0E9
#CBCCED
#CDE6D1
#CDE2D5
#CCDEDA
#CCDADE
#CCD5E3
#CBD1E7
#CBCCED
#CDEDCA
#CDE8D0
#CCE3D5
#CCDEDB
#CBD9E0
#CBD3E6
#CACDED
Colorpallet from #CDCAED to #CDEDCA and to #CAEDCD
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDD0E7
#CDD0E7
#CDD0E7
#CDD0E7
#CDD0E8
#CDD0E8
#CDD0E8
#CDD5E2
#CDD5E2
#CDD5E2
#CDD5E2
#CCD5E3
#CCD5E3
#CCD5E3
#CDDBDC
#CDDBDC
#CDDBDD
#CDDBDD
#CCDBDD
#CCDBDE
#CCDBDE
#CDE0D7
#CDE0D7
#CCE0D8
#CCE0D8
#CCE0D8
#CBE0D9
#CBE0D9
#CDE6D1
#CDE6D1
#CCE6D2
#CCE6D2
#CCE6D2
#CBE6D3
#CBE6D3
#CDEDCA
#CDEDCA
#CCEDCB
#CCEDCB
#CBEDCC
#CBEDCC
#CAEDCD
Colorpallet from #CDCAED to #CDEDCA and to #EDCDCA
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDD0E7
#CECFE7
#CFCEE7
#CFCDE7
#D0CCE7
#D1CBE7
#D2CAE7
#CDD5E2
#CFD3E2
#D0D2E2
#D2D0E2
#D3CFE2
#D5CDE2
#D7CBE2
#CDDBDC
#CFD8DC
#D2D6DC
#D4D3DC
#D7D1DC
#D9CEDC
#DCCBDC
#CDE0D7
#D0DDD7
#D3DAD7
#D7D6D7
#DAD3D7
#DDD0D7
#E1CCD7
#CDE6D1
#D1E2D1
#D5DED1
#D9DAD1
#DED5D1
#E2D1D1
#E7CCD1
#CDEDCA
#D2E8CA
#D7E3CA
#DCDECA
#E1D9CA
#E7D3CA
#EDCDCA
Colorpallet from #CDCAED to #CDEDCA and to #EDCACD
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDD0E7
#CECFE7
#CFCEE7
#CFCDE7
#D0CCE8
#D1CBE8
#D2CAE8
#CDD5E2
#CFD3E2
#D0D1E2
#D2D0E2
#D3CEE3
#D5CCE3
#D7CAE3
#CDDBDC
#CFD8DC
#D2D6DD
#D4D3DD
#D7D0DD
#D9CDDE
#DCCADE
#CDE0D7
#D0DCD7
#D3D9D8
#D7D5D8
#DAD2D8
#DDCED9
#E1CAD9
#CDE6D1
#D1E2D1
#D5DDD2
#D9D9D2
#DED4D2
#E2D0D3
#E7CAD3
#CDEDCA
#D2E7CA
#D7E2CB
#DCDCCB
#E1D7CC
#E7D1CC
#EDCACD
Colorpallet from #CDCAED to #CACDED and to #CAEDCD
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCBEC
#CDCCEB
#CDCDEB
#CDCEEA
#CDCFE9
#CDD0E8
#CCCBED
#CCCDEB
#CCCEEA
#CCD0E8
#CCD1E7
#CCD3E5
#CCD5E3
#CCCBED
#CCCEEB
#CCD0E8
#CCD3E6
#CCD5E3
#CCD8E1
#CCDBDE
#CBCCED
#CBCFEA
#CBD2E7
#CBD6E3
#CBD9E0
#CBDCDD
#CBE0D9
#CBCCED
#CBD0E9
#CBD4E5
#CBD8E1
#CBDDDC
#CBE1D8
#CBE6D3
#CACDED
#CAD2E8
#CAD7E3
#CADCDE
#CAE1D9
#CAE7D3
#CAEDCD
Colorpallet from #CDCAED to #CACDED and to #EDCDCA
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CECAEC
#CFCAEB
#CFCAEA
#D0CAE9
#D1CAE8
#D2CAE7
#CCCBED
#CECBEB
#D0CBE9
#D1CBE8
#D3CBE6
#D5CBE4
#D7CBE2
#CCCBED
#CFCBEA
#D1CBE8
#D4CBE5
#D6CBE2
#D9CBDF
#DCCBDC
#CBCCED
#CFCCE9
#D2CCE6
#D6CCE2
#D9CCDF
#DDCCDB
#E1CCD7
#CBCCED
#CFCCE9
#D4CCE4
#D8CCE0
#DDCCDB
#E1CCD7
#E7CCD1
#CACDED
#D0CDE7
#D5CDE2
#DBCDDC
#E0CDD7
#E6CDD1
#EDCDCA
Colorpallet from #CDCAED to #CACDED and to #EDCACD
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CECAEC
#CFCAEB
#CFCAEB
#D0CAEA
#D1CAE9
#D2CAE8
#CCCBED
#CECBEB
#D0CBEA
#D1CBE8
#D3CAE7
#D5CAE5
#D7CAE3
#CCCBED
#CFCBEB
#D1CBE8
#D4CBE6
#D6CAE3
#D9CAE1
#DCCADE
#CBCCED
#CFCCEA
#D2CBE7
#D6CBE3
#D9CBE0
#DDCADD
#E1CAD9
#CBCCED
#CFCCE9
#D4CBE5
#D8CBE1
#DDCBDC
#E1CAD8
#E7CAD3
#CACDED
#D0CDE8
#D5CCE3
#DBCCDE
#E0CBD9
#E6CBD3
#EDCACD
Colorpallet from #CDCAED to #CAEDCD and to #EDCDCA
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDD0E8
#CECFE8
#CFCEE8
#CFCDE8
#D0CCE7
#D1CBE7
#D2CAE7
#CCD5E3
#CED3E3
#D0D2E3
#D1D0E3
#D3CFE2
#D5CDE2
#D7CBE2
#CCDBDE
#CFD8DE
#D1D6DD
#D4D3DD
#D6D1DD
#D9CEDC
#DCCBDC
#CBE0D9
#CFDDD9
#D2DAD8
#D6D6D8
#D9D3D8
#DDD0D7
#E1CCD7
#CBE6D3
#CFE2D3
#D4DED2
#D8DAD2
#DDD5D2
#E1D1D1
#E7CCD1
#CAEDCD
#D0E8CD
#D5E3CC
#DBDECC
#E0D9CB
#E6D3CB
#EDCDCA
Colorpallet from #CDCAED to #CAEDCD and to #EDCACD
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDD0E8
#CECFE8
#CFCEE8
#CFCDE8
#D0CCE8
#D1CBE8
#D2CAE8
#CCD5E3
#CED3E3
#D0D1E3
#D1D0E3
#D3CEE3
#D5CCE3
#D7CAE3
#CCDBDE
#CFD8DE
#D1D6DE
#D4D3DE
#D6D0DE
#D9CDDE
#DCCADE
#CBE0D9
#CFDCD9
#D2D9D9
#D6D5D9
#D9D2D9
#DDCED9
#E1CAD9
#CBE6D3
#CFE2D3
#D4DDD3
#D8D9D3
#DDD4D3
#E1D0D3
#E7CAD3
#CAEDCD
#D0E7CD
#D5E2CD
#DBDCCD
#E0D7CD
#E6D1CD
#EDCACD
Colorpallet from #CDCAED to #EDCDCA and to #EDCACD
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#CDCAED
#D2CAE7
#D2CAE7
#D2CAE7
#D2CAE7
#D2CAE8
#D2CAE8
#D2CAE8
#D7CBE2
#D7CBE2
#D7CBE2
#D7CBE2
#D7CAE3
#D7CAE3
#D7CAE3
#DCCBDC
#DCCBDC
#DCCBDD
#DCCBDD
#DCCADD
#DCCADE
#DCCADE
#E1CCD7
#E1CCD7
#E1CBD8
#E1CBD8
#E1CBD8
#E1CAD9
#E1CAD9
#E7CCD1
#E7CCD1
#E7CBD2
#E7CBD2
#E7CBD2
#E7CAD3
#E7CAD3
#EDCDCA
#EDCDCA
#EDCCCB
#EDCCCB
#EDCBCC
#EDCBCC
#EDCACD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts