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 #C4CDE2 to #C4E2CD and to #CDC4E2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4D0DF
#C4CFDF
#C4CFE0
#C4CEE0
#C5CDE1
#C5CDE1
#C5CCE2
#C4D4DB
#C4D2DC
#C5D1DD
#C5CFDE
#C6CEDF
#C6CCE1
#C7CAE2
#C4D7D8
#C5D5DA
#C5D3DB
#C6D0DD
#C7CEDE
#C7CCE0
#C8C9E2
#C4DAD5
#C5D7D7
#C6D4D9
#C7D1DB
#C8CEDD
#C9CBDF
#CAC7E2
#C4DED1
#C5DAD4
#C6D6D6
#C7D2D9
#C8CFDC
#CACBDF
#CBC6E2
#C4E2CD
#C5DDD0
#C7D8D4
#C8D4D7
#CACFDA
#CBCADE
#CDC4E2
Colorpallet from #C4CDE2 to #C4E2CD and to #CDE2C4
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4D0DF
#C4D0DF
#C4D0DE
#C4D0DE
#C5D0DE
#C5D0DD
#C5D0DD
#C4D4DB
#C4D4DB
#C5D4DA
#C5D4DA
#C6D4D9
#C6D4D9
#C7D4D8
#C4D7D8
#C5D7D7
#C5D7D7
#C6D7D6
#C7D7D5
#C7D7D5
#C8D7D4
#C4DAD5
#C5DAD4
#C6DAD3
#C7DAD2
#C8DAD1
#C9DAD0
#CADACF
#C4DED1
#C5DED0
#C6DECF
#C7DECE
#C8DECD
#CADECB
#CBDECA
#C4E2CD
#C5E2CC
#C7E2CA
#C8E2C9
#CAE2C7
#CBE2C6
#CDE2C4
Colorpallet from #C4CDE2 to #C4E2CD and to #E2C4CD
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4D0DF
#C5CFDF
#C6CFDF
#C6CEDF
#C7CDDF
#C8CDDF
#C9CCDF
#C4D4DB
#C6D2DB
#C7D1DB
#C9CFDB
#CACEDB
#CCCCDB
#CECADB
#C4D7D8
#C6D5D8
#C8D3D8
#CBD0D8
#CDCED8
#CFCCD8
#D2C9D8
#C4DAD5
#C7D7D5
#CAD4D5
#CDD1D5
#D0CED5
#D3CBD5
#D7C7D5
#C4DED1
#C8DAD1
#CCD6D1
#D0D2D1
#D3CFD1
#D7CBD1
#DCC6D1
#C4E2CD
#C9DDCD
#CED8CD
#D2D4CD
#D7CFCD
#DCCACD
#E2C4CD
Colorpallet from #C4CDE2 to #C4E2CD and to #E2CDC4
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4D0DF
#C5D0DF
#C6CFDE
#C6CFDE
#C7CEDE
#C8CEDD
#C9CDDD
#C4D4DB
#C6D3DB
#C7D2DA
#C9D1DA
#CAD0D9
#CCCED9
#CECDD8
#C4D7D8
#C6D5D7
#C8D4D7
#CBD2D6
#CDD1D5
#CFCFD5
#D2CDD4
#C4DAD5
#C7D8D4
#CAD6D3
#CDD4D2
#D0D2D1
#D3D0D0
#D7CDCF
#C4DED1
#C8DBD0
#CCD9CF
#D0D6CE
#D3D3CD
#D7D0CB
#DCCDCA
#C4E2CD
#C9DFCC
#CEDBCA
#D2D8C9
#D7D5C7
#DCD1C6
#E2CDC4
Colorpallet from #C4CDE2 to #CDC4E2 and to #CDE2C4
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C5CCE2
#C5CDE1
#C5CDE0
#C5CEE0
#C5CFDF
#C5CFDE
#C5D0DD
#C7CAE2
#C7CCE0
#C7CDDF
#C7CFDD
#C7D0DC
#C7D2DA
#C7D4D8
#C8C9E2
#C8CBE0
#C8CDDE
#C8D0DB
#C8D2D9
#C8D4D7
#C8D7D4
#CAC7E2
#CACADF
#CACDDC
#CAD0D9
#CAD3D6
#CAD6D3
#CADACF
#CBC6E2
#CBCADE
#CBCEDA
#CBD2D6
#CBD5D3
#CBD9CF
#CBDECA
#CDC4E2
#CDC9DD
#CDCED8
#CDD2D4
#CDD7CF
#CDDCCA
#CDE2C4
Colorpallet from #C4CDE2 to #CDC4E2 and to #E2C4CD
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C5CCE2
#C6CCE2
#C6CCE1
#C7CCE1
#C8CCE0
#C8CCE0
#C9CCDF
#C7CAE2
#C8CAE1
#C9CAE0
#CACADF
#CBCADE
#CDCADC
#CECADB
#C8C9E2
#CAC9E0
#CBC9DF
#CDC9DD
#CEC9DC
#D0C9DA
#D2C9D8
#CAC7E2
#CCC7E0
#CEC7DE
#D0C7DC
#D2C7DA
#D4C7D8
#D7C7D5
#CBC6E2
#CEC6DF
#D0C6DD
#D3C6DA
#D6C6D7
#D9C6D4
#DCC6D1
#CDC4E2
#D0C4DF
#D4C4DB
#D7C4D8
#DAC4D5
#DEC4D1
#E2C4CD
Colorpallet from #C4CDE2 to #CDC4E2 and to #E2CDC4
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C5CCE2
#C6CCE1
#C6CCE0
#C7CCE0
#C8CDDF
#C8CDDE
#C9CDDD
#C7CAE2
#C8CAE0
#C9CBDF
#CACBDD
#CBCCDC
#CDCCDA
#CECDD8
#C8C9E2
#CACAE0
#CBCADE
#CDCBDB
#CECCD9
#D0CCD7
#D2CDD4
#CAC7E2
#CCC8DF
#CEC9DC
#D0CAD9
#D2CBD6
#D4CCD3
#D7CDCF
#CBC6E2
#CEC7DE
#D0C8DA
#D3C9D6
#D6CAD3
#D9CCCF
#DCCDCA
#CDC4E2
#D0C5DD
#D4C7D8
#D7C8D4
#DACACF
#DECBCA
#E2CDC4
Colorpallet from #C4CDE2 to #CDE2C4 and to #E2C4CD
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C5D0DD
#C6CFDD
#C6CFDE
#C7CEDE
#C8CDDE
#C8CDDF
#C9CCDF
#C7D4D8
#C8D2D8
#C9D1D9
#CACFD9
#CBCEDA
#CDCCDA
#CECADB
#C8D7D4
#CAD5D5
#CBD3D5
#CDD0D6
#CECED7
#D0CCD7
#D2C9D8
#CADACF
#CCD7D0
#CED4D1
#D0D1D2
#D2CED3
#D4CBD4
#D7C7D5
#CBDECA
#CEDACB
#D0D6CC
#D3D2CD
#D6CFCE
#D9CBD0
#DCC6D1
#CDE2C4
#D0DDC5
#D4D8C7
#D7D4C8
#DACFCA
#DECACB
#E2C4CD
Colorpallet from #C4CDE2 to #CDE2C4 and to #E2CDC4
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C5D0DD
#C6D0DD
#C6CFDD
#C7CFDD
#C8CEDD
#C8CEDD
#C9CDDD
#C7D4D8
#C8D3D8
#C9D2D8
#CAD1D8
#CBD0D8
#CDCED8
#CECDD8
#C8D7D4
#CAD5D4
#CBD4D4
#CDD2D4
#CED1D4
#D0CFD4
#D2CDD4
#CADACF
#CCD8CF
#CED6CF
#D0D4CF
#D2D2CF
#D4D0CF
#D7CDCF
#CBDECA
#CEDBCA
#D0D9CA
#D3D6CA
#D6D3CA
#D9D0CA
#DCCDCA
#CDE2C4
#D0DFC4
#D4DBC4
#D7D8C4
#DAD5C4
#DED1C4
#E2CDC4
Colorpallet from #C4CDE2 to #E2C4CD and to #E2CDC4
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C4CDE2
#C9CCDF
#C9CCDF
#C9CCDE
#C9CCDE
#C9CDDE
#C9CDDD
#C9CDDD
#CECADB
#CECADB
#CECBDA
#CECBDA
#CECCD9
#CECCD9
#CECDD8
#D2C9D8
#D2CAD7
#D2CAD7
#D2CBD6
#D2CCD5
#D2CCD5
#D2CDD4
#D7C7D5
#D7C8D4
#D7C9D3
#D7CAD2
#D7CBD1
#D7CCD0
#D7CDCF
#DCC6D1
#DCC7D0
#DCC8CF
#DCC9CE
#DCCACD
#DCCCCB
#DCCDCA
#E2C4CD
#E2C5CC
#E2C7CA
#E2C8C9
#E2CAC7
#E2CBC6
#E2CDC4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts