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 #CFD9C2 to #CFC2D9 and to #D9CFC2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD5C6
#CFD5C5
#D0D6C5
#D0D6C4
#D0D6C3
#D1D7C3
#D1D7C2
#CFD2C9
#CFD3C8
#D0D3C7
#D0D4C6
#D1D5C5
#D1D5C3
#D2D6C2
#CFCECD
#D0CFCB
#D1D0C9
#D1D1C8
#D2D2C6
#D3D3C4
#D4D4C2
#CFCAD1
#D0CBCF
#D1CDCC
#D2CECA
#D3D0C7
#D4D1C5
#D5D3C2
#CFC7D4
#D0C9D1
#D2CACE
#D3CCCB
#D4CDC8
#D5CFC6
#D7D1C2
#CFC2D9
#D1C4D5
#D2C6D2
#D4C8CE
#D5CACA
#D7CCC7
#D9CFC2
Colorpallet from #CFD9C2 to #CFC2D9 and to #D9C2CF
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD5C6
#CFD5C6
#D0D5C5
#D0D5C5
#D0D5C5
#D1D5C4
#D1D5C4
#CFD2C9
#CFD2C9
#D0D2C8
#D0D2C8
#D1D2C7
#D1D2C7
#D2D2C6
#CFCECD
#D0CECC
#D1CECB
#D1CECB
#D2CECA
#D3CEC9
#D4CEC8
#CFCAD1
#D0CAD0
#D1CACF
#D2CACE
#D3CACD
#D4CACB
#D5CACA
#CFC7D4
#D0C7D3
#D2C7D1
#D3C7D0
#D4C7CF
#D5C7CE
#D7C7CC
#CFC2D9
#D1C2D7
#D2C2D6
#D4C2D4
#D5C2D3
#D7C2D1
#D9C2CF
Colorpallet from #CFD9C2 to #CFC2D9 and to #C2CFD9
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD5C6
#CFD5C6
#CED6C6
#CED6C6
#CED6C6
#CDD7C6
#CDD7C6
#CFD2C9
#CED3C9
#CED3C9
#CDD4C9
#CCD5C9
#CCD5C9
#CBD6C9
#CFCECD
#CECFCD
#CDD0CD
#CCD1CD
#CBD2CD
#CAD3CD
#C9D4CD
#CFCAD1
#CECBD1
#CCCDD1
#CBCED1
#CAD0D1
#C9D1D1
#C7D3D1
#CFC7D4
#CDC9D4
#CCCAD4
#CACCD4
#C9CDD4
#C7CFD4
#C5D1D4
#CFC2D9
#CDC4D9
#CBC6D9
#C9C8D9
#C7CAD9
#C5CCD9
#C2CFD9
Colorpallet from #CFD9C2 to #CFC2D9 and to #C2D9CF
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD5C6
#CFD6C6
#CED6C5
#CED7C5
#CED8C5
#CDD8C4
#CDD9C4
#CFD2C9
#CED3C9
#CED4C8
#CDD5C8
#CCD6C7
#CCD8C7
#CBD9C6
#CFCECD
#CED0CC
#CDD2CB
#CCD3CB
#CBD5CA
#CAD7C9
#C9D9C8
#CFCAD1
#CECCD0
#CCCFCF
#CBD1CE
#CAD4CD
#C9D6CB
#C7D9CA
#CFC7D4
#CDCAD3
#CCCDD1
#CAD0D0
#C9D3CF
#C7D5CE
#C5D9CC
#CFC2D9
#CDC6D7
#CBC9D6
#C9CDD4
#C7D1D3
#C5D4D1
#C2D9CF
Colorpallet from #CFD9C2 to #D9CFC2 and to #D9C2CF
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#D1D7C2
#D1D7C2
#D1D6C3
#D1D6C3
#D1D6C3
#D1D5C4
#D1D5C4
#D2D6C2
#D2D5C3
#D2D5C3
#D2D4C4
#D2D3C5
#D2D3C5
#D2D2C6
#D4D4C2
#D4D3C3
#D4D2C4
#D4D1C5
#D4D0C6
#D4CFC7
#D4CEC8
#D5D3C2
#D5D2C3
#D5D0C5
#D5CFC6
#D5CDC7
#D5CCC8
#D5CACA
#D7D1C2
#D7CFC4
#D7CEC5
#D7CCC7
#D7CBC8
#D7C9CA
#D7C7CC
#D9CFC2
#D9CDC4
#D9CBC6
#D9C9C8
#D9C7CA
#D9C5CC
#D9C2CF
Colorpallet from #CFD9C2 to #D9CFC2 and to #C2CFD9
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#D1D7C2
#D0D7C3
#D0D7C3
#CFD7C4
#CED7C5
#CED7C5
#CDD7C6
#D2D6C2
#D1D6C3
#D0D6C4
#CFD6C5
#CED6C6
#CCD6C8
#CBD6C9
#D4D4C2
#D2D4C4
#D0D4C6
#CFD4C7
#CDD4C9
#CBD4CB
#C9D4CD
#D5D3C2
#D3D3C4
#D1D3C7
#CED3C9
#CCD3CC
#CAD3CE
#C7D3D1
#D7D1C2
#D4D1C5
#D1D1C8
#CED1CB
#CBD1CE
#C9D1D0
#C5D1D4
#D9CFC2
#D5CFC6
#D2CFC9
#CECFCD
#CACFD1
#C7CFD4
#C2CFD9
Colorpallet from #CFD9C2 to #D9CFC2 and to #C2D9CF
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#D1D7C2
#D0D7C2
#D0D8C3
#CFD8C3
#CED8C3
#CED9C4
#CDD9C4
#D2D6C2
#D1D6C3
#D0D7C3
#CFD7C4
#CED8C5
#CCD8C5
#CBD9C6
#D4D4C2
#D2D5C3
#D0D6C4
#CFD6C5
#CDD7C6
#CBD8C7
#C9D9C8
#D5D3C2
#D3D4C3
#D1D5C5
#CED6C6
#CCD7C7
#CAD8C8
#C7D9CA
#D7D1C2
#D4D2C4
#D1D4C5
#CED5C7
#CBD6C8
#C9D7CA
#C5D9CC
#D9CFC2
#D5D1C4
#D2D2C6
#CED4C8
#CAD5CA
#C7D7CC
#C2D9CF
Colorpallet from #CFD9C2 to #D9C2CF and to #C2CFD9
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#D1D5C4
#D0D5C4
#D0D6C5
#CFD6C5
#CED6C5
#CED7C6
#CDD7C6
#D2D2C6
#D1D3C6
#D0D3C7
#CFD4C7
#CED5C8
#CCD5C8
#CBD6C9
#D4CEC8
#D2CFC9
#D0D0CA
#CFD1CA
#CDD2CB
#CBD3CC
#C9D4CD
#D5CACA
#D3CBCB
#D1CDCC
#CECECD
#CCD0CE
#CAD1D0
#C7D3D1
#D7C7CC
#D4C9CD
#D1CACF
#CECCD0
#CBCDD1
#C9CFD2
#C5D1D4
#D9C2CF
#D5C4D1
#D2C6D2
#CEC8D4
#CACAD5
#C7CCD7
#C2CFD9
Colorpallet from #CFD9C2 to #D9C2CF and to #C2D9CF
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#D1D5C4
#D0D6C4
#D0D6C4
#CFD7C4
#CED8C4
#CED8C4
#CDD9C4
#D2D2C6
#D1D3C6
#D0D4C6
#CFD5C6
#CED6C6
#CCD8C6
#CBD9C6
#D4CEC8
#D2D0C8
#D0D2C8
#CFD3C8
#CDD5C8
#CBD7C8
#C9D9C8
#D5CACA
#D3CCCA
#D1CFCA
#CED1CA
#CCD4CA
#CAD6CA
#C7D9CA
#D7C7CC
#D4CACC
#D1CDCC
#CED0CC
#CBD3CC
#C9D5CC
#C5D9CC
#D9C2CF
#D5C6CF
#D2C9CF
#CECDCF
#CAD1CF
#C7D4CF
#C2D9CF
Colorpallet from #CFD9C2 to #C2CFD9 and to #C2D9CF
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CFD9C2
#CDD7C6
#CDD7C6
#CDD8C5
#CDD8C5
#CDD8C5
#CDD9C4
#CDD9C4
#CBD6C9
#CBD6C9
#CBD7C8
#CBD7C8
#CBD8C7
#CBD8C7
#CBD9C6
#C9D4CD
#C9D5CC
#C9D6CB
#C9D6CB
#C9D7CA
#C9D8C9
#C9D9C8
#C7D3D1
#C7D4D0
#C7D5CF
#C7D6CE
#C7D7CD
#C7D8CB
#C7D9CA
#C5D1D4
#C5D2D3
#C5D4D1
#C5D5D0
#C5D6CF
#C5D7CE
#C5D9CC
#C2CFD9
#C2D1D7
#C2D2D6
#C2D4D4
#C2D5D3
#C2D7D1
#C2D9CF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts