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 #CEC8ED to #CEEDC8 and to #C8CEED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CECEE7
#CECDE8
#CECCE9
#CECCEA
#CDCBEB
#CDCAEC
#CDC9ED
#CED4E1
#CED2E3
#CDD1E5
#CDCFE7
#CDCEE9
#CCCCEB
#CCCAED
#CEDADB
#CED8DE
#CDD5E1
#CDD3E4
#CCD0E7
#CCCEE9
#CBCBED
#CEE0D5
#CDDDD9
#CDDADD
#CCD6E1
#CBD3E4
#CBD0E8
#CACCED
#CEE6CF
#CDE2D4
#CCDED9
#CCDADD
#CBD6E2
#CAD2E7
#C9CDED
#CEEDC8
#CDE8CE
#CCE3D4
#CBDEDA
#CAD9E0
#C9D4E6
#C8CEED
Colorpallet from #CEC8ED to #CEEDC8 and to #C8EDCE
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CECEE7
#CECEE7
#CECEE7
#CECEE7
#CDCEE8
#CDCEE8
#CDCEE8
#CED4E1
#CED4E1
#CDD4E2
#CDD4E2
#CDD4E2
#CCD4E3
#CCD4E3
#CEDADB
#CEDADB
#CDDADC
#CDDADC
#CCDADD
#CCDADD
#CBDADE
#CEE0D5
#CDE0D6
#CDE0D6
#CCE0D7
#CBE0D8
#CBE0D8
#CAE0D9
#CEE6CF
#CDE6D0
#CCE6D1
#CCE6D1
#CBE6D2
#CAE6D3
#C9E6D4
#CEEDC8
#CDEDC9
#CCEDCA
#CBEDCB
#CAEDCC
#C9EDCD
#C8EDCE
Colorpallet from #CEC8ED to #CEEDC8 and to #EDCEC8
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CECEE7
#CFCDE7
#D0CCE7
#D0CCE7
#D1CBE7
#D2CAE7
#D3C9E7
#CED4E1
#D0D2E1
#D1D1E1
#D3CFE1
#D4CEE1
#D6CCE1
#D8CAE1
#CEDADB
#D0D8DB
#D3D5DB
#D5D3DB
#D8D0DB
#DACEDB
#DDCBDB
#CEE0D5
#D1DDD5
#D4DAD5
#D8D6D5
#DBD3D5
#DED0D5
#E2CCD5
#CEE6CF
#D2E2CF
#D6DECF
#DADACF
#DED6CF
#E2D2CF
#E7CDCF
#CEEDC8
#D3E8C8
#D8E3C8
#DDDEC8
#E2D9C8
#E7D4C8
#EDCEC8
Colorpallet from #CEC8ED to #CEEDC8 and to #EDC8CE
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CECEE7
#CFCDE7
#D0CCE7
#D0CBE7
#D1CAE8
#D2C9E8
#D3C8E8
#CED4E1
#D0D2E1
#D1D0E2
#D3CEE2
#D4CCE2
#D6CAE3
#D8C8E3
#CEDADB
#D0D7DB
#D3D4DC
#D5D1DC
#D8CEDD
#DACCDD
#DDC8DE
#CEE0D5
#D1DCD6
#D4D8D6
#D8D4D7
#DBD1D8
#DECDD8
#E2C8D9
#CEE6CF
#D2E1D0
#D6DCD1
#DAD8D1
#DED3D2
#E2CED3
#E7C8D4
#CEEDC8
#D3E7C9
#D8E1CA
#DDDBCB
#E2D5CC
#E7CFCD
#EDC8CE
Colorpallet from #CEC8ED to #C8CEED and to #C8EDCE
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CDC9ED
#CDCAEC
#CDCBEB
#CDCBEB
#CDCCEA
#CDCDE9
#CDCEE8
#CCCAED
#CCCCEB
#CCCDEA
#CCCFE8
#CCD0E7
#CCD2E5
#CCD4E3
#CBCBED
#CBCDEB
#CBD0E8
#CBD2E6
#CBD5E3
#CBD7E1
#CBDADE
#CACCED
#CACFEA
#CAD2E7
#CAD6E3
#CAD9E0
#CADCDD
#CAE0D9
#C9CDED
#C9D1E9
#C9D5E5
#C9D9E1
#C9DDDD
#C9E1D9
#C9E6D4
#C8CEED
#C8D3E8
#C8D8E3
#C8DDDE
#C8E2D9
#C8E7D4
#C8EDCE
Colorpallet from #CEC8ED to #C8CEED and to #EDCEC8
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CDC9ED
#CEC9EC
#CFC9EB
#D0C9EA
#D1C9E9
#D2C9E8
#D3C9E7
#CCCAED
#CECAEB
#D0CAE9
#D2CAE7
#D4CAE5
#D6CAE3
#D8CAE1
#CBCBED
#CECBEA
#D1CBE7
#D4CBE4
#D7CBE1
#D9CBDF
#DDCBDB
#CACCED
#CECCE9
#D2CCE5
#D6CCE1
#D9CCDE
#DDCCDA
#E2CCD5
#C9CDED
#CECDE8
#D3CDE3
#D7CDDF
#DCCDDA
#E1CDD5
#E7CDCF
#C8CEED
#CECEE7
#D4CEE1
#DACEDB
#E0CED5
#E6CECF
#EDCEC8
Colorpallet from #CEC8ED to #C8CEED and to #EDC8CE
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CDC9ED
#CEC9EC
#CFC9EB
#D0C9EB
#D1C8EA
#D2C8E9
#D3C8E8
#CCCAED
#CECAEB
#D0C9EA
#D2C9E8
#D4C9E7
#D6C8E5
#D8C8E3
#CBCBED
#CECBEB
#D1CAE8
#D4CAE6
#D7C9E3
#D9C9E1
#DDC8DE
#CACCED
#CECBEA
#D2CBE7
#D6CAE3
#D9C9E0
#DDC9DD
#E2C8D9
#C9CDED
#CECCE9
#D3CBE5
#D7CBE1
#DCCADD
#E1C9D9
#E7C8D4
#C8CEED
#CECDE8
#D4CCE3
#DACBDE
#E0CAD9
#E6C9D4
#EDC8CE
Colorpallet from #CEC8ED to #C8EDCE and to #EDCEC8
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CDCEE8
#CECDE8
#CFCCE8
#D0CCE8
#D1CBE7
#D2CAE7
#D3C9E7
#CCD4E3
#CED2E3
#D0D1E2
#D2CFE2
#D4CEE2
#D6CCE1
#D8CAE1
#CBDADE
#CED8DE
#D1D5DD
#D4D3DD
#D7D0DC
#D9CEDC
#DDCBDB
#CAE0D9
#CEDDD8
#D2DAD8
#D6D6D7
#D9D3D6
#DDD0D6
#E2CCD5
#C9E6D4
#CEE2D3
#D3DED2
#D7DAD2
#DCD6D1
#E1D2D0
#E7CDCF
#C8EDCE
#CEE8CD
#D4E3CC
#DADECB
#E0D9CA
#E6D4C9
#EDCEC8
Colorpallet from #CEC8ED to #C8EDCE and to #EDC8CE
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CDCEE8
#CECDE8
#CFCCE8
#D0CBE8
#D1CAE8
#D2C9E8
#D3C8E8
#CCD4E3
#CED2E3
#D0D0E3
#D2CEE3
#D4CCE3
#D6CAE3
#D8C8E3
#CBDADE
#CED7DE
#D1D4DE
#D4D1DE
#D7CEDE
#D9CCDE
#DDC8DE
#CAE0D9
#CEDCD9
#D2D8D9
#D6D4D9
#D9D1D9
#DDCDD9
#E2C8D9
#C9E6D4
#CEE1D4
#D3DCD4
#D7D8D4
#DCD3D4
#E1CED4
#E7C8D4
#C8EDCE
#CEE7CE
#D4E1CE
#DADBCE
#E0D5CE
#E6CFCE
#EDC8CE
Colorpallet from #CEC8ED to #EDCEC8 and to #EDC8CE
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#CEC8ED
#D3C9E7
#D3C9E7
#D3C9E7
#D3C9E7
#D3C8E8
#D3C8E8
#D3C8E8
#D8CAE1
#D8CAE1
#D8C9E2
#D8C9E2
#D8C9E2
#D8C8E3
#D8C8E3
#DDCBDB
#DDCBDB
#DDCADC
#DDCADC
#DDC9DD
#DDC9DD
#DDC8DE
#E2CCD5
#E2CBD6
#E2CBD6
#E2CAD7
#E2C9D8
#E2C9D8
#E2C8D9
#E7CDCF
#E7CCD0
#E7CBD1
#E7CBD1
#E7CAD2
#E7C9D3
#E7C8D4
#EDCEC8
#EDCDC9
#EDCCCA
#EDCBCB
#EDCACC
#EDC9CD
#EDC8CE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts