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 #D8CABD to #D8BDCA and to #CAD8BD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8C8BF
#D8C9BF
#D7C9BE
#D7CABE
#D7CBBE
#D6CBBD
#D6CCBD
#D8C6C1
#D7C7C0
#D7C9C0
#D6CABF
#D5CBBE
#D5CCBE
#D4CEBD
#D8C4C3
#D7C6C2
#D6C8C1
#D5CAC0
#D4CCBF
#D2CEBE
#D1D1BD
#D8C2C5
#D7C5C4
#D5C7C2
#D4CAC1
#D2CDC0
#D1D0BF
#CFD3BD
#D8C0C7
#D6C3C5
#D4C7C4
#D3CAC2
#D1CDC1
#CFD1BF
#CDD5BD
#D8BDCA
#D6C1C8
#D4C6C6
#D1CAC4
#CFCEC2
#CDD3C0
#CAD8BD
Colorpallet from #D8CABD to #D8BDCA and to #CABDD8
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8C8BF
#D8C8BF
#D7C8C0
#D7C8C0
#D7C8C0
#D6C8C1
#D6C8C1
#D8C6C1
#D7C6C2
#D7C6C3
#D6C6C3
#D5C6C4
#D5C6C5
#D4C6C6
#D8C4C3
#D7C4C4
#D6C4C5
#D5C4C6
#D4C4C7
#D2C4C9
#D1C4CA
#D8C2C5
#D7C2C6
#D5C2C8
#D4C2C9
#D2C2CB
#D1C2CC
#CFC2CE
#D8C0C7
#D6C0C9
#D4C0CB
#D3C0CD
#D1C0CF
#CFC0D1
#CDC0D3
#D8BDCA
#D6BDCC
#D4BDCE
#D1BDD1
#CFBDD3
#CDBDD5
#CABDD8
Colorpallet from #D8CABD to #D8BDCA and to #BDD8CA
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8C8BF
#D7C9BF
#D7C9BF
#D6CABF
#D5CBBF
#D5CBBF
#D4CCBF
#D8C6C1
#D7C7C1
#D5C9C1
#D4CAC1
#D2CBC1
#D1CCC1
#CFCEC1
#D8C4C3
#D6C6C3
#D4C8C3
#D2CAC3
#D0CCC3
#CECEC3
#CBD1C3
#D8C2C5
#D5C5C5
#D3C7C5
#D0CAC5
#CDCDC5
#CAD0C5
#C7D3C5
#D8C0C7
#D4C3C7
#D1C7C7
#CDCAC7
#CACDC7
#C6D1C7
#C2D5C7
#D8BDCA
#D4C1CA
#CFC6CA
#CBCACA
#C7CECA
#C2D3CA
#BDD8CA
Colorpallet from #D8CABD to #D8BDCA and to #BDCAD8
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8C8BF
#D7C8BF
#D7C9C0
#D6C9C0
#D5C9C0
#D5CAC1
#D4CAC1
#D8C6C1
#D7C7C2
#D5C7C3
#D4C8C3
#D2C9C4
#D1C9C5
#CFCAC6
#D8C4C3
#D6C5C4
#D4C6C5
#D2C7C6
#D0C8C7
#CEC9C9
#CBCACA
#D8C2C5
#D5C3C6
#D3C5C8
#D0C6C9
#CDC7CB
#CAC8CC
#C7CACE
#D8C0C7
#D4C2C9
#D1C3CB
#CDC5CD
#CAC6CF
#C6C8D1
#C2CAD3
#D8BDCA
#D4BFCC
#CFC1CE
#CBC3D1
#C7C5D3
#C2C7D5
#BDCAD8
Colorpallet from #D8CABD to #CAD8BD and to #CABDD8
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D6CCBD
#D6CBBE
#D6CBBE
#D6CABF
#D6C9C0
#D6C9C0
#D6C8C1
#D4CEBD
#D4CDBE
#D4CBC0
#D4CAC1
#D4C9C3
#D4C8C4
#D4C6C6
#D1D1BD
#D1CFBF
#D1CDC1
#D1CBC3
#D1C9C5
#D1C7C7
#D1C4CA
#CFD3BD
#CFD0C0
#CFCEC2
#CFCBC5
#CFC8C8
#CFC5CB
#CFC2CE
#CDD5BD
#CDD2C1
#CDCEC4
#CDCBC8
#CDC8CB
#CDC4CF
#CDC0D3
#CAD8BD
#CAD4C1
#CACFC6
#CACBCA
#CAC7CE
#CAC2D3
#CABDD8
Colorpallet from #D8CABD to #CAD8BD and to #BDD8CA
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D6CCBD
#D6CCBD
#D5CCBE
#D5CCBE
#D5CCBE
#D4CCBF
#D4CCBF
#D4CEBD
#D3CEBE
#D2CEBE
#D2CEBF
#D1CEC0
#D0CEC0
#CFCEC1
#D1D1BD
#D0D1BE
#CFD1BF
#CED1C0
#CDD1C1
#CCD1C2
#CBD1C3
#CFD3BD
#CED3BE
#CCD3C0
#CBD3C1
#CAD3C2
#C9D3C3
#C7D3C5
#CDD5BD
#CBD5BF
#C9D5C0
#C8D5C2
#C6D5C3
#C4D5C5
#C2D5C7
#CAD8BD
#C8D8BF
#C6D8C1
#C4D8C3
#C2D8C5
#C0D8C7
#BDD8CA
Colorpallet from #D8CABD to #CAD8BD and to #BDCAD8
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D6CCBD
#D6CCBE
#D5CBBE
#D5CBBF
#D5CBC0
#D4CAC0
#D4CAC1
#D4CEBD
#D3CDBE
#D2CDC0
#D2CCC1
#D1CBC3
#D0CBC4
#CFCAC6
#D1D1BD
#D0D0BF
#CFCFC1
#CECEC3
#CDCDC5
#CCCBC7
#CBCACA
#CFD3BD
#CED2C0
#CCD0C2
#CBCFC5
#CACDC8
#C9CCCB
#C7CACE
#CDD5BD
#CBD3C1
#C9D1C4
#C8D0C8
#C6CECB
#C4CCCF
#C2CAD3
#CAD8BD
#C8D6C1
#C6D4C6
#C4D1CA
#C2CFCE
#C0CDD3
#BDCAD8
Colorpallet from #D8CABD to #CABDD8 and to #BDD8CA
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D6C8C1
#D6C9C1
#D5C9C0
#D5CAC0
#D5CBC0
#D4CBBF
#D4CCBF
#D4C6C6
#D3C7C5
#D2C9C4
#D2CAC4
#D1CBC3
#D0CCC2
#CFCEC1
#D1C4CA
#D0C6C9
#CFC8C8
#CECAC7
#CDCCC6
#CCCEC4
#CBD1C3
#CFC2CE
#CEC5CD
#CCC7CB
#CBCACA
#CACDC8
#C9D0C7
#C7D3C5
#CDC0D3
#CBC3D1
#C9C7CF
#C8CACD
#C6CDCB
#C4D1C9
#C2D5C7
#CABDD8
#C8C1D6
#C6C6D4
#C4CAD1
#C2CECF
#C0D3CD
#BDD8CA
Colorpallet from #D8CABD to #CABDD8 and to #BDCAD8
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D6C8C1
#D6C8C1
#D5C9C1
#D5C9C1
#D5C9C1
#D4CAC1
#D4CAC1
#D4C6C6
#D3C7C6
#D2C7C6
#D2C8C6
#D1C9C6
#D0C9C6
#CFCAC6
#D1C4CA
#D0C5CA
#CFC6CA
#CEC7CA
#CDC8CA
#CCC9CA
#CBCACA
#CFC2CE
#CEC3CE
#CCC5CE
#CBC6CE
#CAC7CE
#C9C8CE
#C7CACE
#CDC0D3
#CBC2D3
#C9C3D3
#C8C5D3
#C6C6D3
#C4C8D3
#C2CAD3
#CABDD8
#C8BFD8
#C6C1D8
#C4C3D8
#C2C5D8
#C0C7D8
#BDCAD8
Colorpallet from #D8CABD to #BDD8CA and to #BDCAD8
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D8CABD
#D4CCBF
#D4CCBF
#D4CBC0
#D4CBC0
#D4CBC0
#D4CAC1
#D4CAC1
#CFCEC1
#CFCDC2
#CFCDC3
#CFCCC3
#CFCBC4
#CFCBC5
#CFCAC6
#CBD1C3
#CBD0C4
#CBCFC5
#CBCEC6
#CBCDC7
#CBCBC9
#CBCACA
#C7D3C5
#C7D2C6
#C7D0C8
#C7CFC9
#C7CDCB
#C7CCCC
#C7CACE
#C2D5C7
#C2D3C9
#C2D1CB
#C2D0CD
#C2CECF
#C2CCD1
#C2CAD3
#BDD8CA
#BDD6CC
#BDD4CE
#BDD1D1
#BDCFD3
#BDCDD5
#BDCAD8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts