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 #C5CDE1 to #C5E1CD and to #CDC5E1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5D0DE
#C5CFDE
#C5CFDF
#C5CEDF
#C6CDE0
#C6CDE0
#C6CCE1
#C5D3DB
#C5D2DC
#C6D0DD
#C6CFDE
#C7CDDF
#C7CCE0
#C8CAE1
#C5D7D7
#C6D5D9
#C6D3DA
#C7D0DC
#C8CEDD
#C8CCDF
#C9C9E1
#C5DAD4
#C6D7D6
#C7D4D8
#C7D1DA
#C8CEDC
#C9CCDE
#CAC8E1
#C5DDD1
#C6D9D4
#C7D6D6
#C8D2D9
#C9CFDB
#CACBDE
#CBC7E1
#C5E1CD
#C6DDD0
#C8D8D3
#C9D4D7
#CACFDA
#CBCBDD
#CDC5E1
Colorpallet from #C5CDE1 to #C5E1CD and to #CDE1C5
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5D0DE
#C5D0DE
#C5D0DE
#C5D0DE
#C6D0DD
#C6D0DD
#C6D0DD
#C5D3DB
#C5D3DB
#C6D3DA
#C6D3DA
#C7D3D9
#C7D3D9
#C8D3D8
#C5D7D7
#C6D7D7
#C6D7D6
#C7D7D6
#C8D7D5
#C8D7D5
#C9D7D4
#C5DAD4
#C6DAD3
#C7DAD2
#C7DAD2
#C8DAD1
#C9DAD0
#CADACF
#C5DDD1
#C6DDD0
#C7DDCF
#C8DDCE
#C9DDCD
#CADDCC
#CBDDCB
#C5E1CD
#C6E1CC
#C8E1CA
#C9E1C9
#CAE1C8
#CBE1C7
#CDE1C5
Colorpallet from #C5CDE1 to #C5E1CD and to #E1C5CD
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5D0DE
#C6CFDE
#C6CFDE
#C7CEDE
#C8CDDE
#C8CDDE
#C9CCDE
#C5D3DB
#C6D2DB
#C8D0DB
#C9CFDB
#CBCDDB
#CCCCDB
#CECADB
#C5D7D7
#C7D5D7
#C9D3D7
#CBD0D7
#CDCED7
#CFCCD7
#D2C9D7
#C5DAD4
#C8D7D4
#CBD4D4
#CED1D4
#D1CED4
#D3CCD4
#D7C8D4
#C5DDD1
#C9D9D1
#CCD6D1
#D0D2D1
#D3CFD1
#D7CBD1
#DBC7D1
#C5E1CD
#C9DDCD
#CED8CD
#D2D4CD
#D7CFCD
#DBCBCD
#E1C5CD
Colorpallet from #C5CDE1 to #C5E1CD and to #E1CDC5
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5D0DE
#C6D0DE
#C6CFDE
#C7CFDE
#C8CEDD
#C8CEDD
#C9CDDD
#C5D3DB
#C6D2DB
#C8D1DA
#C9D0DA
#CBCFD9
#CCCED9
#CECDD8
#C5D7D7
#C7D5D7
#C9D4D6
#CBD2D6
#CDD1D5
#CFCFD5
#D2CDD4
#C5DAD4
#C8D8D3
#CBD6D2
#CED4D2
#D1D2D1
#D3D0D0
#D7CDCF
#C5DDD1
#C9DAD0
#CCD8CF
#D0D5CE
#D3D3CD
#D7D0CC
#DBCDCB
#C5E1CD
#C9DECC
#CEDBCA
#D2D7C9
#D7D4C8
#DBD1C7
#E1CDC5
Colorpallet from #C5CDE1 to #CDC5E1 and to #CDE1C5
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C6CCE1
#C6CDE0
#C6CDE0
#C6CEDF
#C6CFDE
#C6CFDE
#C6D0DD
#C8CAE1
#C8CBE0
#C8CDDE
#C8CEDD
#C8D0DB
#C8D1DA
#C8D3D8
#C9C9E1
#C9CBDF
#C9CDDD
#C9D0DB
#C9D2D9
#C9D4D7
#C9D7D4
#CAC8E1
#CACBDE
#CACEDB
#CAD1D8
#CAD4D5
#CAD6D3
#CADACF
#CBC7E1
#CBCBDD
#CBCEDA
#CBD2D6
#CBD5D3
#CBD9CF
#CBDDCB
#CDC5E1
#CDC9DD
#CDCED8
#CDD2D4
#CDD7CF
#CDDBCB
#CDE1C5
Colorpallet from #C5CDE1 to #CDC5E1 and to #E1C5CD
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C6CCE1
#C6CCE1
#C7CCE0
#C7CCE0
#C8CCDF
#C8CCDF
#C9CCDE
#C8CAE1
#C9CAE0
#CACADF
#CBCADE
#CCCADD
#CDCADC
#CECADB
#C9C9E1
#CAC9DF
#CCC9DE
#CDC9DC
#CFC9DB
#D0C9D9
#D2C9D7
#CAC8E1
#CCC8DF
#CEC8DD
#D0C8DB
#D2C8D9
#D4C8D7
#D7C8D4
#CBC7E1
#CEC7DE
#D0C7DC
#D3C7D9
#D5C7D7
#D8C7D4
#DBC7D1
#CDC5E1
#D0C5DE
#D3C5DB
#D7C5D7
#DAC5D4
#DDC5D1
#E1C5CD
Colorpallet from #C5CDE1 to #CDC5E1 and to #E1CDC5
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C6CCE1
#C6CCE0
#C7CCE0
#C7CCDF
#C8CDDE
#C8CDDE
#C9CDDD
#C8CAE1
#C9CAE0
#CACBDE
#CBCBDD
#CCCCDB
#CDCCDA
#CECDD8
#C9C9E1
#CACADF
#CCCADD
#CDCBDB
#CFCCD9
#D0CCD7
#D2CDD4
#CAC8E1
#CCC9DE
#CECADB
#D0CAD8
#D2CBD5
#D4CCD3
#D7CDCF
#CBC7E1
#CEC8DD
#D0C9DA
#D3CAD6
#D5CBD3
#D8CCCF
#DBCDCB
#CDC5E1
#D0C6DD
#D3C8D8
#D7C9D4
#DACACF
#DDCBCB
#E1CDC5
Colorpallet from #C5CDE1 to #CDE1C5 and to #E1C5CD
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C6D0DD
#C6CFDD
#C7CFDD
#C7CEDD
#C8CDDE
#C8CDDE
#C9CCDE
#C8D3D8
#C9D2D8
#CAD0D9
#CBCFD9
#CCCDDA
#CDCCDA
#CECADB
#C9D7D4
#CAD5D4
#CCD3D5
#CDD0D5
#CFCED6
#D0CCD6
#D2C9D7
#CADACF
#CCD7D0
#CED4D1
#D0D1D1
#D2CED2
#D4CCD3
#D7C8D4
#CBDDCB
#CED9CC
#D0D6CD
#D3D2CE
#D5CFCF
#D8CBD0
#DBC7D1
#CDE1C5
#D0DDC6
#D3D8C8
#D7D4C9
#DACFCA
#DDCBCB
#E1C5CD
Colorpallet from #C5CDE1 to #CDE1C5 and to #E1CDC5
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C6D0DD
#C6D0DD
#C7CFDD
#C7CFDD
#C8CEDD
#C8CEDD
#C9CDDD
#C8D3D8
#C9D2D8
#CAD1D8
#CBD0D8
#CCCFD8
#CDCED8
#CECDD8
#C9D7D4
#CAD5D4
#CCD4D4
#CDD2D4
#CFD1D4
#D0CFD4
#D2CDD4
#CADACF
#CCD8CF
#CED6CF
#D0D4CF
#D2D2CF
#D4D0CF
#D7CDCF
#CBDDCB
#CEDACB
#D0D8CB
#D3D5CB
#D5D3CB
#D8D0CB
#DBCDCB
#CDE1C5
#D0DEC5
#D3DBC5
#D7D7C5
#DAD4C5
#DDD1C5
#E1CDC5
Colorpallet from #C5CDE1 to #E1C5CD and to #E1CDC5
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C5CDE1
#C9CCDE
#C9CCDE
#C9CCDE
#C9CCDE
#C9CDDD
#C9CDDD
#C9CDDD
#CECADB
#CECADB
#CECBDA
#CECBDA
#CECCD9
#CECCD9
#CECDD8
#D2C9D7
#D2CAD7
#D2CAD6
#D2CBD6
#D2CCD5
#D2CCD5
#D2CDD4
#D7C8D4
#D7C9D3
#D7CAD2
#D7CAD2
#D7CBD1
#D7CCD0
#D7CDCF
#DBC7D1
#DBC8D0
#DBC9CF
#DBCACE
#DBCBCD
#DBCCCC
#DBCDCB
#E1C5CD
#E1C6CC
#E1C8CA
#E1C9C9
#E1CAC8
#E1CBC7
#E1CDC5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
