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 #C2D2C7 to #C2C7D2 and to #D2C2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D0C9
#C2D0C9
#C3D0C8
#C3D0C8
#C4CFC8
#C4CFC7
#C5CFC7
#C2CECB
#C3CECA
#C4CECA
#C4CEC9
#C5CDC8
#C6CDC8
#C7CDC7
#C2CDCC
#C3CDCB
#C5CCCA
#C6CCCA
#C7CBC9
#C8CBC8
#CACAC7
#C2CBCE
#C4CBCD
#C5CACC
#C7CACB
#C8C9CA
#CAC9C8
#CCC8C7
#C2C9D0
#C4C8CF
#C6C8CD
#C8C7CC
#CAC6CA
#CCC6C9
#CFC5C7
#C2C7D2
#C5C6D0
#C7C5CE
#CAC5CD
#CCC4CB
#CFC3C9
#D2C2C7
Colorpallet from #C2D2C7 to #C2C7D2 and to #D2C7C2
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D0C9
#C2D0C9
#C3D0C8
#C3D0C8
#C4D0C7
#C4D0C7
#C5D0C6
#C2CECB
#C3CECA
#C4CEC9
#C4CEC8
#C5CEC7
#C6CEC6
#C7CEC5
#C2CDCC
#C3CDCB
#C5CDCA
#C6CDC9
#C7CDC8
#C8CDC6
#CACDC5
#C2CBCE
#C4CBCC
#C5CBCB
#C7CBC9
#C8CBC8
#CACBC6
#CCCBC4
#C2C9D0
#C4C9CE
#C6C9CC
#C8C9CA
#CAC9C8
#CCC9C6
#CFC9C3
#C2C7D2
#C5C7CF
#C7C7CD
#CAC7CA
#CCC7C8
#CFC7C5
#D2C7C2
Colorpallet from #C2D2C7 to #C2C7D2 and to #C7C2D2
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D0C9
#C2D0C9
#C2D0C9
#C2D0C9
#C3CFC9
#C3CFC9
#C3CFC9
#C2CECB
#C2CECB
#C3CECB
#C3CECB
#C3CDCB
#C4CDCB
#C4CDCB
#C2CDCC
#C2CDCC
#C3CCCC
#C3CCCC
#C3CBCC
#C4CBCC
#C4CACC
#C2CBCE
#C2CBCE
#C3CACE
#C3CACE
#C4C9CE
#C4C9CE
#C5C8CE
#C2C9D0
#C3C8D0
#C3C8D0
#C4C7D0
#C5C6D0
#C5C6D0
#C6C5D0
#C2C7D2
#C3C6D2
#C4C5D2
#C4C5D2
#C5C4D2
#C6C3D2
#C7C2D2
Colorpallet from #C2D2C7 to #C2C7D2 and to #C7D2C2
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D0C9
#C2D0C9
#C2D1C8
#C2D1C8
#C3D1C7
#C3D2C7
#C3D2C6
#C2CECB
#C2CFCA
#C3CFC9
#C3D0C8
#C3D1C7
#C4D1C6
#C4D2C5
#C2CDCC
#C2CECB
#C3CFCA
#C3CFC9
#C3D0C8
#C4D1C6
#C4D2C5
#C2CBCE
#C2CCCC
#C3CDCB
#C3CEC9
#C4CFC8
#C4D1C6
#C5D2C4
#C2C9D0
#C3CACE
#C3CCCC
#C4CDCA
#C5CFC8
#C5D0C6
#C6D2C3
#C2C7D2
#C3C9CF
#C4CBCD
#C4CCCA
#C5CEC8
#C6D0C5
#C7D2C2
Colorpallet from #C2D2C7 to #D2C2C7 and to #D2C7C2
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C5CFC7
#C5CFC7
#C5CFC7
#C5CFC7
#C5D0C6
#C5D0C6
#C5D0C6
#C7CDC7
#C7CDC7
#C7CDC6
#C7CDC6
#C7CEC6
#C7CEC5
#C7CEC5
#CACAC7
#CACAC7
#CACBC6
#CACBC6
#CACCC6
#CACCC5
#CACDC5
#CCC8C7
#CCC8C7
#CCC9C6
#CCC9C6
#CCCAC5
#CCCAC5
#CCCBC4
#CFC5C7
#CFC6C6
#CFC6C6
#CFC7C5
#CFC8C4
#CFC8C4
#CFC9C3
#D2C2C7
#D2C3C6
#D2C4C5
#D2C4C5
#D2C5C4
#D2C6C3
#D2C7C2
Colorpallet from #C2D2C7 to #D2C2C7 and to #C7C2D2
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C5CFC7
#C5CFC7
#C4CFC8
#C4CFC8
#C4CFC8
#C3CFC9
#C3CFC9
#C7CDC7
#C7CDC8
#C6CDC8
#C6CDC9
#C5CDCA
#C5CDCA
#C4CDCB
#CACAC7
#C9CAC8
#C8CAC9
#C7CAC9
#C6CACA
#C5CACB
#C4CACC
#CCC8C7
#CBC8C8
#CAC8C9
#C9C8CA
#C8C8CB
#C6C8CD
#C5C8CE
#CFC5C7
#CEC5C8
#CCC5CA
#CBC5CB
#C9C5CD
#C8C5CE
#C6C5D0
#D2C2C7
#D0C2C9
#CEC2CB
#CDC2CC
#CBC2CE
#C9C2D0
#C7C2D2
Colorpallet from #C2D2C7 to #D2C2C7 and to #C7D2C2
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C5CFC7
#C5CFC7
#C4D0C7
#C4D0C7
#C4D1C6
#C3D1C6
#C3D2C6
#C7CDC7
#C7CEC7
#C6CFC6
#C6CFC6
#C5D0C6
#C5D1C5
#C4D2C5
#CACAC7
#C9CBC7
#C8CDC6
#C7CEC6
#C6CFC6
#C5D0C5
#C4D2C5
#CCC8C7
#CBCAC7
#CACBC6
#C9CDC6
#C8CEC5
#C6D0C5
#C5D2C4
#CFC5C7
#CEC7C6
#CCC9C6
#CBCBC5
#C9CDC4
#C8CFC4
#C6D2C3
#D2C2C7
#D0C5C6
#CEC7C5
#CDCAC5
#CBCCC4
#C9CFC3
#C7D2C2
Colorpallet from #C2D2C7 to #D2C7C2 and to #C7C2D2
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C5D0C6
#C5D0C6
#C4D0C7
#C4D0C7
#C4CFC8
#C3CFC8
#C3CFC9
#C7CEC5
#C7CEC6
#C6CEC7
#C6CEC8
#C5CDC9
#C5CDCA
#C4CDCB
#CACDC5
#C9CDC6
#C8CCC7
#C7CCC8
#C6CBC9
#C5CBCB
#C4CACC
#CCCBC4
#CBCBC6
#CACAC7
#C9CAC9
#C8C9CA
#C6C9CC
#C5C8CE
#CFC9C3
#CEC8C5
#CCC8C7
#CBC7C9
#C9C6CB
#C8C6CD
#C6C5D0
#D2C7C2
#D0C6C5
#CEC5C7
#CDC5CA
#CBC4CC
#C9C3CF
#C7C2D2
Colorpallet from #C2D2C7 to #D2C7C2 and to #C7D2C2
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C5D0C6
#C5D0C6
#C4D1C6
#C4D1C6
#C4D1C6
#C3D2C6
#C3D2C6
#C7CEC5
#C7CFC5
#C6CFC5
#C6D0C5
#C5D1C5
#C5D1C5
#C4D2C5
#CACDC5
#C9CEC5
#C8CFC5
#C7CFC5
#C6D0C5
#C5D1C5
#C4D2C5
#CCCBC4
#CBCCC4
#CACDC4
#C9CEC4
#C8CFC4
#C6D1C4
#C5D2C4
#CFC9C3
#CECAC3
#CCCCC3
#CBCDC3
#C9CFC3
#C8D0C3
#C6D2C3
#D2C7C2
#D0C9C2
#CECBC2
#CDCCC2
#CBCEC2
#C9D0C2
#C7D2C2
Colorpallet from #C2D2C7 to #C7C2D2 and to #C7D2C2
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C2D2C7
#C3CFC9
#C3CFC9
#C3D0C8
#C3D0C8
#C3D1C7
#C3D1C7
#C3D2C6
#C4CDCB
#C4CECA
#C4CFC9
#C4CFC8
#C4D0C7
#C4D1C6
#C4D2C5
#C4CACC
#C4CBCB
#C4CDCA
#C4CEC9
#C4CFC8
#C4D0C6
#C4D2C5
#C5C8CE
#C5CACC
#C5CBCB
#C5CDC9
#C5CEC8
#C5D0C6
#C5D2C4
#C6C5D0
#C6C7CE
#C6C9CC
#C6CBCA
#C6CDC8
#C6CFC6
#C6D2C3
#C7C2D2
#C7C5CF
#C7C7CD
#C7CACA
#C7CCC8
#C7CFC5
#C7D2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts