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 #CDC1F0 to #CDF0C1 and to #C1CDF0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC9E8
#CDC8E9
#CCC7EB
#CCC6EC
#CCC5ED
#CBC4EE
#CBC3F0
#CDD0E1
#CCCEE3
#CCCCE6
#CBCBE8
#CAC9EB
#CAC7ED
#C9C5F0
#CDD8D9
#CCD5DD
#CBD3E0
#CAD0E4
#C9CDE8
#C8CAEB
#C7C7F0
#CDDFD2
#CCDBD7
#CAD8DC
#C9D4E0
#C8D1E5
#C7CDEA
#C5C9F0
#CDE7CA
#CBE3D0
#CADED6
#C8DADC
#C7D5E2
#C5D1E8
#C3CBF0
#CDF0C1
#CBEAC9
#C9E5D0
#C7DFD8
#C5DADF
#C3D4E7
#C1CDF0
Colorpallet from #CDC1F0 to #CDF0C1 and to #C1F0CD
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC9E8
#CDC9E8
#CCC9E9
#CCC9E9
#CCC9E9
#CBC9EA
#CBC9EA
#CDD0E1
#CCD0E2
#CCD0E2
#CBD0E3
#CAD0E4
#CAD0E4
#C9D0E5
#CDD8D9
#CCD8DA
#CBD8DB
#CAD8DC
#C9D8DD
#C8D8DE
#C7D8DF
#CDDFD2
#CCDFD3
#CADFD5
#C9DFD6
#C8DFD7
#C7DFD8
#C5DFDA
#CDE7CA
#CBE7CC
#CAE7CD
#C8E7CF
#C7E7D0
#C5E7D2
#C3E7D4
#CDF0C1
#CBF0C3
#C9F0C5
#C7F0C7
#C5F0C9
#C3F0CB
#C1F0CD
Colorpallet from #CDC1F0 to #CDF0C1 and to #F0CDC1
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC9E8
#CEC8E8
#CFC7E8
#D0C6E8
#D1C5E8
#D2C4E8
#D3C3E8
#CDD0E1
#CFCEE1
#D1CCE1
#D2CBE1
#D4C9E1
#D6C7E1
#D8C5E1
#CDD8D9
#D0D5D9
#D2D3D9
#D5D0D9
#D8CDD9
#DBCAD9
#DEC7D9
#CDDFD2
#D1DBD2
#D4D8D2
#D8D4D2
#DBD1D2
#DFCDD2
#E3C9D2
#CDE7CA
#D1E3CA
#D6DECA
#DADACA
#DFD5CA
#E3D1CA
#E9CBCA
#CDF0C1
#D3EAC1
#D8E5C1
#DEDFC1
#E3DAC1
#E9D4C1
#F0CDC1
Colorpallet from #CDC1F0 to #CDF0C1 and to #F0C1CD
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC9E8
#CEC8E8
#CFC6E9
#D0C5E9
#D1C4E9
#D2C3EA
#D3C1EA
#CDD0E1
#CFCEE2
#D1CBE2
#D2C9E3
#D4C6E4
#D6C4E4
#D8C1E5
#CDD8D9
#D0D4DA
#D2D1DB
#D5CDDC
#D8C9DD
#DBC6DE
#DEC1DF
#CDDFD2
#D1DAD3
#D4D5D5
#D8D1D6
#DBCCD7
#DFC7D8
#E3C1DA
#CDE7CA
#D1E1CC
#D6DBCD
#DAD5CF
#DFCFD0
#E3C9D2
#E9C1D4
#CDF0C1
#D3E8C3
#D8E1C5
#DED9C7
#E3D2C9
#E9CACB
#F0C1CD
Colorpallet from #CDC1F0 to #C1CDF0 and to #C1F0CD
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CBC3F0
#CBC4EF
#CBC5EE
#CBC6ED
#CBC7EC
#CBC8EB
#CBC9EA
#C9C5F0
#C9C7EE
#C9C9EC
#C9CAEB
#C9CCE9
#C9CEE7
#C9D0E5
#C7C7F0
#C7CAED
#C7CCEB
#C7CFE8
#C7D2E5
#C7D5E2
#C7D8DF
#C5C9F0
#C5CDEC
#C5D0E9
#C5D4E5
#C5D7E2
#C5DBDE
#C5DFDA
#C3CBF0
#C3CFEC
#C3D4E7
#C3D8E3
#C3DDDE
#C3E1DA
#C3E7D4
#C1CDF0
#C1D3EA
#C1D8E5
#C1DEDF
#C1E3DA
#C1E9D4
#C1F0CD
Colorpallet from #CDC1F0 to #C1CDF0 and to #F0CDC1
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CBC3F0
#CCC3EF
#CEC3ED
#CFC3EC
#D0C3EB
#D1C3EA
#D3C3E8
#C9C5F0
#CBC5EE
#CEC5EB
#D0C5E9
#D3C5E6
#D5C5E4
#D8C5E1
#C7C7F0
#CBC7EC
#CEC7E9
#D2C7E5
#D6C7E1
#D9C7DE
#DEC7D9
#C5C9F0
#CAC9EB
#CFC9E6
#D3C9E2
#D8C9DD
#DDC9D8
#E3C9D2
#C3CBF0
#C9CBEA
#CFCBE4
#D5CBDE
#DBCBD8
#E1CBD2
#E9CBCA
#C1CDF0
#C9CDE8
#D0CDE1
#D8CDD9
#DFCDD2
#E7CDCA
#F0CDC1
Colorpallet from #CDC1F0 to #C1CDF0 and to #F0C1CD
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CBC3F0
#CCC3EF
#CEC2EE
#CFC2ED
#D0C2EC
#D1C1EB
#D3C1EA
#C9C5F0
#CBC4EE
#CEC4EC
#D0C3EB
#D3C2E9
#D5C2E7
#D8C1E5
#C7C7F0
#CBC6ED
#CEC5EB
#D2C4E8
#D6C3E5
#D9C2E2
#DEC1DF
#C5C9F0
#CAC8EC
#CFC6E9
#D3C5E5
#D8C4E2
#DDC3DE
#E3C1DA
#C3CBF0
#C9C9EC
#CFC8E7
#D5C6E3
#DBC5DE
#E1C3DA
#E9C1D4
#C1CDF0
#C9CBEA
#D0C9E5
#D8C7DF
#DFC5DA
#E7C3D4
#F0C1CD
Colorpallet from #CDC1F0 to #C1F0CD and to #F0CDC1
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CBC9EA
#CCC8EA
#CEC7E9
#CFC6E9
#D0C5E9
#D1C4E8
#D3C3E8
#C9D0E5
#CBCEE4
#CECCE4
#D0CBE3
#D3C9E2
#D5C7E2
#D8C5E1
#C7D8DF
#CBD5DE
#CED3DD
#D2D0DC
#D6CDDB
#D9CADA
#DEC7D9
#C5DFDA
#CADBD9
#CFD8D7
#D3D4D6
#D8D1D5
#DDCDD4
#E3C9D2
#C3E7D4
#C9E3D2
#CFDED1
#D5DACF
#DBD5CE
#E1D1CC
#E9CBCA
#C1F0CD
#C9EACB
#D0E5C9
#D8DFC7
#DFDAC5
#E7D4C3
#F0CDC1
Colorpallet from #CDC1F0 to #C1F0CD and to #F0C1CD
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CBC9EA
#CCC8EA
#CEC6EA
#CFC5EA
#D0C4EA
#D1C3EA
#D3C1EA
#C9D0E5
#CBCEE5
#CECBE5
#D0C9E5
#D3C6E5
#D5C4E5
#D8C1E5
#C7D8DF
#CBD4DF
#CED1DF
#D2CDDF
#D6C9DF
#D9C6DF
#DEC1DF
#C5DFDA
#CADADA
#CFD5DA
#D3D1DA
#D8CCDA
#DDC7DA
#E3C1DA
#C3E7D4
#C9E1D4
#CFDBD4
#D5D5D4
#DBCFD4
#E1C9D4
#E9C1D4
#C1F0CD
#C9E8CD
#D0E1CD
#D8D9CD
#DFD2CD
#E7CACD
#F0C1CD
Colorpallet from #CDC1F0 to #F0CDC1 and to #F0C1CD
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#CDC1F0
#D3C3E8
#D3C3E8
#D3C2E9
#D3C2E9
#D3C2E9
#D3C1EA
#D3C1EA
#D8C5E1
#D8C4E2
#D8C4E2
#D8C3E3
#D8C2E4
#D8C2E4
#D8C1E5
#DEC7D9
#DEC6DA
#DEC5DB
#DEC4DC
#DEC3DD
#DEC2DE
#DEC1DF
#E3C9D2
#E3C8D3
#E3C6D5
#E3C5D6
#E3C4D7
#E3C3D8
#E3C1DA
#E9CBCA
#E9C9CC
#E9C8CD
#E9C6CF
#E9C5D0
#E9C3D2
#E9C1D4
#F0CDC1
#F0CBC3
#F0C9C5
#F0C7C7
#F0C5C9
#F0C3CB
#F0C1CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts