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 #C1CEE2 to #C1E2CE and to #CEC1E2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1D1DF
#C1D0DF
#C2CFE0
#C2CFE0
#C2CEE1
#C3CDE1
#C3CCE2
#C1D4DC
#C2D2DD
#C2D1DE
#C3CFDF
#C4CEE0
#C4CCE1
#C5CAE2
#C1D8D8
#C2D5DA
#C3D3DB
#C4D0DD
#C5CEDE
#C6CBE0
#C7C8E2
#C1DBD5
#C2D8D7
#C4D4D9
#C5D1DB
#C6CEDD
#C7CADF
#C9C6E2
#C1DED2
#C3DAD5
#C4D6D7
#C6D2DA
#C7CDDC
#C9C9DF
#CBC4E2
#C1E2CE
#C3DDD1
#C5D7D4
#C7D2D8
#C9CDDB
#CBC8DE
#CEC1E2
Colorpallet from #C1CEE2 to #C1E2CE and to #CEE2C1
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1D1DF
#C1D1DF
#C2D1DE
#C2D1DE
#C2D1DE
#C3D1DD
#C3D1DD
#C1D4DC
#C2D4DB
#C2D4DA
#C3D4DA
#C4D4D9
#C4D4D8
#C5D4D7
#C1D8D8
#C2D8D7
#C3D8D6
#C4D8D5
#C5D8D4
#C6D8D3
#C7D8D2
#C1DBD5
#C2DBD4
#C4DBD2
#C5DBD1
#C6DBD0
#C7DBCF
#C9DBCD
#C1DED2
#C3DED0
#C4DECF
#C6DECD
#C7DECC
#C9DECA
#CBDEC8
#C1E2CE
#C3E2CC
#C5E2CA
#C7E2C8
#C9E2C6
#CBE2C4
#CEE2C1
Colorpallet from #C1CEE2 to #C1E2CE and to #E2C1CE
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1D1DF
#C2D0DF
#C3CFDF
#C3CFDF
#C4CEDF
#C5CDDF
#C6CCDF
#C1D4DC
#C3D2DC
#C5D1DC
#C6CFDC
#C8CEDC
#CACCDC
#CCCADC
#C1D8D8
#C4D5D8
#C6D3D8
#C9D0D8
#CBCED8
#CECBD8
#D1C8D8
#C1DBD5
#C4D8D5
#C8D4D5
#CBD1D5
#CECED5
#D2CAD5
#D6C6D5
#C1DED2
#C5DAD2
#C9D6D2
#CDD2D2
#D2CDD2
#D6C9D2
#DBC4D2
#C1E2CE
#C6DDCE
#CCD7CE
#D1D2CE
#D6CDCE
#DBC8CE
#E2C1CE
Colorpallet from #C1CEE2 to #C1E2CE and to #E2CEC1
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1D1DF
#C2D1DF
#C3D0DE
#C3D0DE
#C4CFDE
#C5CFDD
#C6CEDD
#C1D4DC
#C3D3DB
#C5D2DA
#C6D1DA
#C8D0D9
#CACFD8
#CCCED7
#C1D8D8
#C4D6D7
#C6D5D6
#C9D3D5
#CBD2D4
#CED0D3
#D1CED2
#C1DBD5
#C4D9D4
#C8D7D2
#CBD5D1
#CED3D0
#D2D1CF
#D6CECD
#C1DED2
#C5DBD0
#C9D9CF
#CDD6CD
#D2D4CC
#D6D1CA
#DBCEC8
#C1E2CE
#C6DFCC
#CCDCCA
#D1D8C8
#D6D5C6
#DBD2C4
#E2CEC1
Colorpallet from #C1CEE2 to #CEC1E2 and to #CEE2C1
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C3CCE2
#C3CDE1
#C3CEE0
#C3CEE0
#C3CFDF
#C3D0DE
#C3D1DD
#C5CAE2
#C5CCE0
#C5CDDE
#C5CFDD
#C5D0DB
#C5D2D9
#C5D4D7
#C7C8E2
#C7CBDF
#C7CDDD
#C7D0DA
#C7D2D8
#C7D5D5
#C7D8D2
#C9C6E2
#C9C9DF
#C9CDDB
#C9D0D8
#C9D3D5
#C9D7D1
#C9DBCD
#CBC4E2
#CBC8DE
#CBCCDA
#CBD0D6
#CBD5D1
#CBD9CD
#CBDEC8
#CEC1E2
#CEC6DD
#CECCD7
#CED1D2
#CED6CD
#CEDBC8
#CEE2C1
Colorpallet from #C1CEE2 to #CEC1E2 and to #E2C1CE
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C3CCE2
#C3CCE2
#C4CCE1
#C4CCE1
#C5CCE0
#C5CCE0
#C6CCDF
#C5CAE2
#C6CAE1
#C7CAE0
#C8CADF
#C9CADE
#CBCADD
#CCCADC
#C7C8E2
#C9C8E0
#CAC8DF
#CCC8DD
#CDC8DC
#CFC8DA
#D1C8D8
#C9C6E2
#CBC6E0
#CDC6DE
#CFC6DC
#D1C6DA
#D3C6D8
#D6C6D5
#CBC4E2
#CEC4DF
#D0C4DD
#D3C4DA
#D5C4D8
#D8C4D5
#DBC4D2
#CEC1E2
#D1C1DF
#D4C1DC
#D8C1D8
#DBC1D5
#DEC1D2
#E2C1CE
Colorpallet from #C1CEE2 to #CEC1E2 and to #E2CEC1
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C3CCE2
#C3CCE1
#C4CDE0
#C4CDE0
#C5CDDF
#C5CEDE
#C6CEDD
#C5CAE2
#C6CBE0
#C7CBDE
#C8CCDD
#C9CDDB
#CBCDD9
#CCCED7
#C7C8E2
#C9C9DF
#CACADD
#CCCBDA
#CDCCD8
#CFCDD5
#D1CED2
#C9C6E2
#CBC7DF
#CDC9DB
#CFCAD8
#D1CBD5
#D3CCD1
#D6CECD
#CBC4E2
#CEC6DE
#D0C7DA
#D3C9D6
#D5CAD1
#D8CCCD
#DBCEC8
#CEC1E2
#D1C3DD
#D4C5D7
#D8C7D2
#DBC9CD
#DECBC8
#E2CEC1
Colorpallet from #C1CEE2 to #CEE2C1 and to #E2C1CE
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C3D1DD
#C3D0DD
#C4CFDE
#C4CFDE
#C5CEDE
#C5CDDF
#C6CCDF
#C5D4D7
#C6D2D8
#C7D1D9
#C8CFD9
#C9CEDA
#CBCCDB
#CCCADC
#C7D8D2
#C9D5D3
#CAD3D4
#CCD0D5
#CDCED6
#CFCBD7
#D1C8D8
#C9DBCD
#CBD8CE
#CDD4D0
#CFD1D1
#D1CED2
#D3CAD3
#D6C6D5
#CBDEC8
#CEDACA
#D0D6CB
#D3D2CD
#D5CDCE
#D8C9D0
#DBC4D2
#CEE2C1
#D1DDC3
#D4D7C5
#D8D2C7
#DBCDC9
#DEC8CB
#E2C1CE
Colorpallet from #C1CEE2 to #CEE2C1 and to #E2CEC1
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C3D1DD
#C3D1DD
#C4D0DD
#C4D0DD
#C5CFDD
#C5CFDD
#C6CEDD
#C5D4D7
#C6D3D7
#C7D2D7
#C8D1D7
#C9D0D7
#CBCFD7
#CCCED7
#C7D8D2
#C9D6D2
#CAD5D2
#CCD3D2
#CDD2D2
#CFD0D2
#D1CED2
#C9DBCD
#CBD9CD
#CDD7CD
#CFD5CD
#D1D3CD
#D3D1CD
#D6CECD
#CBDEC8
#CEDBC8
#D0D9C8
#D3D6C8
#D5D4C8
#D8D1C8
#DBCEC8
#CEE2C1
#D1DFC1
#D4DCC1
#D8D8C1
#DBD5C1
#DED2C1
#E2CEC1
Colorpallet from #C1CEE2 to #E2C1CE and to #E2CEC1
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C1CEE2
#C6CCDF
#C6CCDF
#C6CDDE
#C6CDDE
#C6CDDE
#C6CEDD
#C6CEDD
#CCCADC
#CCCBDB
#CCCBDA
#CCCCDA
#CCCDD9
#CCCDD8
#CCCED7
#D1C8D8
#D1C9D7
#D1CAD6
#D1CBD5
#D1CCD4
#D1CDD3
#D1CED2
#D6C6D5
#D6C7D4
#D6C9D2
#D6CAD1
#D6CBD0
#D6CCCF
#D6CECD
#DBC4D2
#DBC6D0
#DBC7CF
#DBC9CD
#DBCACC
#DBCCCA
#DBCEC8
#E2C1CE
#E2C3CC
#E2C5CA
#E2C7C8
#E2C9C6
#E2CBC4
#E2CEC1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts