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 #C1CDE9 to #C1E9CD and to #CDC1E9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1D1E5
#C1D0E6
#C2CFE6
#C2CEE7
#C2CDE8
#C3CCE8
#C3CBE9
#C1D6E0
#C2D4E1
#C2D2E3
#C3D0E4
#C4CEE6
#C4CCE7
#C5C9E9
#C1DADC
#C2D7DE
#C3D4E0
#C4D1E2
#C5CEE4
#C6CBE6
#C7C7E9
#C1DFD7
#C2DBDA
#C4D7DD
#C5D3E0
#C6CEE3
#C7CAE5
#C9C5E9
#C1E3D3
#C3DED7
#C4D9DA
#C6D4DE
#C7CFE1
#C9C9E5
#CBC3E9
#C1E9CD
#C3E3D1
#C5DCD6
#C7D6DA
#C9CFDF
#CBC9E3
#CDC1E9
Colorpallet from #C1CDE9 to #C1E9CD and to #CDE9C1
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1D1E5
#C1D1E5
#C2D1E4
#C2D1E4
#C2D1E4
#C3D1E3
#C3D1E3
#C1D6E0
#C2D6DF
#C2D6DF
#C3D6DE
#C4D6DD
#C4D6DD
#C5D6DC
#C1DADC
#C2DADB
#C3DADA
#C4DAD9
#C5DAD8
#C6DAD7
#C7DAD6
#C1DFD7
#C2DFD6
#C4DFD4
#C5DFD3
#C6DFD2
#C7DFD1
#C9DFCF
#C1E3D3
#C3E3D1
#C4E3D0
#C6E3CE
#C7E3CD
#C9E3CB
#CBE3C9
#C1E9CD
#C3E9CB
#C5E9C9
#C7E9C7
#C9E9C5
#CBE9C3
#CDE9C1
Colorpallet from #C1CDE9 to #C1E9CD and to #E9C1CD
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1D1E5
#C2D0E5
#C3CFE5
#C4CEE5
#C5CDE5
#C6CCE5
#C7CBE5
#C1D6E0
#C3D4E0
#C5D2E0
#C7D0E0
#C9CEE0
#CBCCE0
#CEC9E0
#C1DADC
#C4D7DC
#C7D4DC
#CAD1DC
#CDCEDC
#D0CBDC
#D4C7DC
#C1DFD7
#C5DBD7
#C9D7D7
#CDD3D7
#D2CED7
#D6CAD7
#DBC5D7
#C1E3D3
#C6DED3
#CBD9D3
#D0D4D3
#D5CFD3
#DBC9D3
#E1C3D3
#C1E9CD
#C7E3CD
#CEDCCD
#D4D6CD
#DBCFCD
#E1C9CD
#E9C1CD
Colorpallet from #C1CDE9 to #C1E9CD and to #E9CDC1
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1D1E5
#C2D0E5
#C3D0E4
#C4CFE4
#C5CEE4
#C6CEE3
#C7CDE3
#C1D6E0
#C3D5DF
#C5D3DF
#C7D2DE
#C9D0DD
#CBCFDD
#CECDDC
#C1DADC
#C4D8DB
#C7D6DA
#CAD4D9
#CDD2D8
#D0D0D7
#D4CDD6
#C1DFD7
#C5DCD6
#C9D9D4
#CDD6D3
#D2D3D2
#D6D1D1
#DBCDCF
#C1E3D3
#C6DFD1
#CBDCD0
#D0D8CE
#D5D5CD
#DBD1CB
#E1CDC9
#C1E9CD
#C7E5CB
#CEE0C9
#D4DCC7
#DBD7C5
#E1D3C3
#E9CDC1
Colorpallet from #C1CDE9 to #CDC1E9 and to #CDE9C1
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C3CBE9
#C3CCE8
#C3CDE7
#C3CEE6
#C3CFE5
#C3D0E4
#C3D1E3
#C5C9E9
#C5CBE7
#C5CDE5
#C5CFE3
#C5D1E1
#C5D3DF
#C5D6DC
#C7C7E9
#C7CAE6
#C7CDE3
#C7D0E0
#C7D3DD
#C7D6DA
#C7DAD6
#C9C5E9
#C9C9E5
#C9CDE1
#C9D1DD
#C9D6D8
#C9DAD4
#C9DFCF
#CBC3E9
#CBC8E4
#CBCDDF
#CBD2DA
#CBD7D5
#CBDDCF
#CBE3C9
#CDC1E9
#CDC7E3
#CDCEDC
#CDD4D6
#CDDBCF
#CDE1C9
#CDE9C1
Colorpallet from #C1CDE9 to #CDC1E9 and to #E9C1CD
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C3CBE9
#C4CBE8
#C4CBE8
#C5CBE7
#C6CBE6
#C6CBE6
#C7CBE5
#C5C9E9
#C6C9E8
#C8C9E6
#C9C9E5
#CBC9E3
#CCC9E2
#CEC9E0
#C7C7E9
#C9C7E7
#CBC7E5
#CDC7E3
#CFC7E1
#D1C7DF
#D4C7DC
#C9C5E9
#CCC5E6
#CFC5E3
#D2C5E0
#D5C5DD
#D7C5DB
#DBC5D7
#CBC3E9
#CFC3E5
#D2C3E2
#D6C3DE
#D9C3DB
#DDC3D7
#E1C3D3
#CDC1E9
#D1C1E5
#D6C1E0
#DAC1DC
#DFC1D7
#E3C1D3
#E9C1CD
Colorpallet from #C1CDE9 to #CDC1E9 and to #E9CDC1
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C3CBE9
#C4CBE8
#C4CCE7
#C5CCE6
#C6CCE5
#C6CDE4
#C7CDE3
#C5C9E9
#C6CAE7
#C8CAE5
#C9CBE3
#CBCCE1
#CCCCDF
#CECDDC
#C7C7E9
#C9C8E6
#CBC9E3
#CDCAE0
#CFCBDD
#D1CCDA
#D4CDD6
#C9C5E9
#CCC6E5
#CFC8E1
#D2C9DD
#D5CAD8
#D7CBD4
#DBCDCF
#CBC3E9
#CFC5E4
#D2C6DF
#D6C8DA
#D9C9D5
#DDCBCF
#E1CDC9
#CDC1E9
#D1C3E3
#D6C5DC
#DAC7D6
#DFC9CF
#E3CBC9
#E9CDC1
Colorpallet from #C1CDE9 to #CDE9C1 and to #E9C1CD
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C3D1E3
#C4D0E3
#C4CFE4
#C5CEE4
#C6CDE4
#C6CCE5
#C7CBE5
#C5D6DC
#C6D4DD
#C8D2DD
#C9D0DE
#CBCEDF
#CCCCDF
#CEC9E0
#C7DAD6
#C9D7D7
#CBD4D8
#CDD1D9
#CFCEDA
#D1CBDB
#D4C7DC
#C9DFCF
#CCDBD0
#CFD7D2
#D2D3D3
#D5CED4
#D7CAD5
#DBC5D7
#CBE3C9
#CFDECB
#D2D9CC
#D6D4CE
#D9CFCF
#DDC9D1
#E1C3D3
#CDE9C1
#D1E3C3
#D6DCC5
#DAD6C7
#DFCFC9
#E3C9CB
#E9C1CD
Colorpallet from #C1CDE9 to #CDE9C1 and to #E9CDC1
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C3D1E3
#C4D0E3
#C4D0E3
#C5CFE3
#C6CEE3
#C6CEE3
#C7CDE3
#C5D6DC
#C6D5DC
#C8D3DC
#C9D2DC
#CBD0DC
#CCCFDC
#CECDDC
#C7DAD6
#C9D8D6
#CBD6D6
#CDD4D6
#CFD2D6
#D1D0D6
#D4CDD6
#C9DFCF
#CCDCCF
#CFD9CF
#D2D6CF
#D5D3CF
#D7D1CF
#DBCDCF
#CBE3C9
#CFDFC9
#D2DCC9
#D6D8C9
#D9D5C9
#DDD1C9
#E1CDC9
#CDE9C1
#D1E5C1
#D6E0C1
#DADCC1
#DFD7C1
#E3D3C1
#E9CDC1
Colorpallet from #C1CDE9 to #E9C1CD and to #E9CDC1
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C1CDE9
#C7CBE5
#C7CBE5
#C7CCE4
#C7CCE4
#C7CCE4
#C7CDE3
#C7CDE3
#CEC9E0
#CECADF
#CECADF
#CECBDE
#CECCDD
#CECCDD
#CECDDC
#D4C7DC
#D4C8DB
#D4C9DA
#D4CAD9
#D4CBD8
#D4CCD7
#D4CDD6
#DBC5D7
#DBC6D6
#DBC8D4
#DBC9D3
#DBCAD2
#DBCBD1
#DBCDCF
#E1C3D3
#E1C5D1
#E1C6D0
#E1C8CE
#E1C9CD
#E1CBCB
#E1CDC9
#E9C1CD
#E9C3CB
#E9C5C9
#E9C7C7
#E9C9C5
#E9CBC3
#E9CDC1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts