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 #C1D2C7 to #C1C7D2 and to #D2C1C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D0C9
#C1D0C9
#C2D0C8
#C2D0C8
#C3CFC8
#C3CFC7
#C4CFC7
#C1CECB
#C2CECA
#C3CECA
#C3CEC9
#C4CDC8
#C5CDC8
#C6CDC7
#C1CDCC
#C2CDCB
#C4CCCA
#C5CCCA
#C6CBC9
#C7CBC8
#C9CAC7
#C1CBCE
#C3CACD
#C5CACC
#C6C9CB
#C8C8CA
#CAC8C8
#CCC7C7
#C1C9D0
#C3C8CF
#C5C7CD
#C8C7CC
#CAC6CA
#CCC5C9
#CFC4C7
#C1C7D2
#C4C6D0
#C6C5CE
#C9C4CD
#CCC3CB
#CFC2C9
#D2C1C7
Colorpallet from #C1D2C7 to #C1C7D2 and to #D2C7C1
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D0C9
#C1D0C9
#C2D0C8
#C2D0C8
#C3D0C7
#C3D0C7
#C4D0C6
#C1CECB
#C2CECA
#C3CEC9
#C3CEC8
#C4CEC7
#C5CEC6
#C6CEC5
#C1CDCC
#C2CDCB
#C4CDC9
#C5CDC8
#C6CDC7
#C7CDC6
#C9CDC4
#C1CBCE
#C3CBCC
#C5CBCA
#C6CBC9
#C8CBC7
#CACBC5
#CCCBC3
#C1C9D0
#C3C9CE
#C5C9CC
#C8C9C9
#CAC9C7
#CCC9C5
#CFC9C2
#C1C7D2
#C4C7CF
#C6C7CD
#C9C7CA
#CCC7C7
#CFC7C4
#D2C7C1
Colorpallet from #C1D2C7 to #C1C7D2 and to #C7C1D2
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D0C9
#C1D0C9
#C1D0C9
#C1D0C9
#C2CFC9
#C2CFC9
#C2CFC9
#C1CECB
#C1CECB
#C2CECB
#C2CECB
#C2CDCB
#C3CDCB
#C3CDCB
#C1CDCC
#C1CDCC
#C2CCCC
#C2CCCC
#C3CBCC
#C3CBCC
#C4CACC
#C1CBCE
#C2CACE
#C2CACE
#C3C9CE
#C4C8CE
#C4C8CE
#C5C7CE
#C1C9D0
#C2C8D0
#C3C7D0
#C3C7D0
#C4C6D0
#C5C5D0
#C6C4D0
#C1C7D2
#C2C6D2
#C3C5D2
#C4C4D2
#C5C3D2
#C6C2D2
#C7C1D2
Colorpallet from #C1D2C7 to #C1C7D2 and to #C7D2C1
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D0C9
#C1D0C9
#C1D1C8
#C1D1C8
#C2D1C7
#C2D2C7
#C2D2C6
#C1CECB
#C1CFCA
#C2CFC9
#C2D0C8
#C2D1C7
#C3D1C6
#C3D2C5
#C1CDCC
#C1CECB
#C2CFC9
#C2CFC8
#C3D0C7
#C3D1C6
#C4D2C4
#C1CBCE
#C2CCCC
#C2CDCA
#C3CEC9
#C4CFC7
#C4D1C5
#C5D2C3
#C1C9D0
#C2CACE
#C3CCCC
#C3CDC9
#C4CFC7
#C5D0C5
#C6D2C2
#C1C7D2
#C2C9CF
#C3CBCD
#C4CCCA
#C5CEC7
#C6D0C4
#C7D2C1
Colorpallet from #C1D2C7 to #D2C1C7 and to #D2C7C1
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C4CFC7
#C4CFC7
#C4CFC7
#C4CFC7
#C4D0C6
#C4D0C6
#C4D0C6
#C6CDC7
#C6CDC7
#C6CDC6
#C6CDC6
#C6CEC6
#C6CEC5
#C6CEC5
#C9CAC7
#C9CAC7
#C9CBC6
#C9CBC6
#C9CCC5
#C9CCC5
#C9CDC4
#CCC7C7
#CCC8C6
#CCC8C6
#CCC9C5
#CCCAC4
#CCCAC4
#CCCBC3
#CFC4C7
#CFC5C6
#CFC6C5
#CFC6C5
#CFC7C4
#CFC8C3
#CFC9C2
#D2C1C7
#D2C2C6
#D2C3C5
#D2C4C4
#D2C5C3
#D2C6C2
#D2C7C1
Colorpallet from #C1D2C7 to #D2C1C7 and to #C7C1D2
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C4CFC7
#C4CFC7
#C3CFC8
#C3CFC8
#C3CFC8
#C2CFC9
#C2CFC9
#C6CDC7
#C6CDC8
#C5CDC8
#C5CDC9
#C4CDCA
#C4CDCA
#C3CDCB
#C9CAC7
#C8CAC8
#C7CAC9
#C7CAC9
#C6CACA
#C5CACB
#C4CACC
#CCC7C7
#CBC7C8
#CAC7C9
#C9C7CA
#C8C7CB
#C6C7CD
#C5C7CE
#CFC4C7
#CEC4C8
#CCC4CA
#CBC4CB
#C9C4CD
#C8C4CE
#C6C4D0
#D2C1C7
#D0C1C9
#CEC1CB
#CDC1CC
#CBC1CE
#C9C1D0
#C7C1D2
Colorpallet from #C1D2C7 to #D2C1C7 and to #C7D2C1
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C4CFC7
#C4CFC7
#C3D0C7
#C3D0C7
#C3D1C6
#C2D1C6
#C2D2C6
#C6CDC7
#C6CEC7
#C5CFC6
#C5CFC6
#C4D0C6
#C4D1C5
#C3D2C5
#C9CAC7
#C8CBC7
#C7CDC6
#C7CEC6
#C6CFC5
#C5D0C5
#C4D2C4
#CCC7C7
#CBC9C6
#CACBC6
#C9CCC5
#C8CEC4
#C6D0C4
#C5D2C3
#CFC4C7
#CEC6C6
#CCC8C5
#CBCBC5
#C9CDC4
#C8CFC3
#C6D2C2
#D2C1C7
#D0C4C6
#CEC6C5
#CDC9C4
#CBCCC3
#C9CFC2
#C7D2C1
Colorpallet from #C1D2C7 to #D2C7C1 and to #C7C1D2
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C4D0C6
#C4D0C6
#C3D0C7
#C3D0C7
#C3CFC8
#C2CFC8
#C2CFC9
#C6CEC5
#C6CEC6
#C5CEC7
#C5CEC8
#C4CDC9
#C4CDCA
#C3CDCB
#C9CDC4
#C8CDC5
#C7CCC7
#C7CCC8
#C6CBC9
#C5CBCA
#C4CACC
#CCCBC3
#CBCAC5
#CACAC7
#C9C9C8
#C8C8CA
#C6C8CC
#C5C7CE
#CFC9C2
#CEC8C4
#CCC7C6
#CBC7C9
#C9C6CB
#C8C5CD
#C6C4D0
#D2C7C1
#D0C6C4
#CEC5C6
#CDC4C9
#CBC3CC
#C9C2CF
#C7C1D2
Colorpallet from #C1D2C7 to #D2C7C1 and to #C7D2C1
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C4D0C6
#C4D0C6
#C3D1C6
#C3D1C6
#C3D1C6
#C2D2C6
#C2D2C6
#C6CEC5
#C6CFC5
#C5CFC5
#C5D0C5
#C4D1C5
#C4D1C5
#C3D2C5
#C9CDC4
#C8CEC4
#C7CFC4
#C7CFC4
#C6D0C4
#C5D1C4
#C4D2C4
#CCCBC3
#CBCCC3
#CACDC3
#C9CEC3
#C8CFC3
#C6D1C3
#C5D2C3
#CFC9C2
#CECAC2
#CCCCC2
#CBCDC2
#C9CFC2
#C8D0C2
#C6D2C2
#D2C7C1
#D0C9C1
#CECBC1
#CDCCC1
#CBCEC1
#C9D0C1
#C7D2C1
Colorpallet from #C1D2C7 to #C7C1D2 and to #C7D2C1
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C2CFC9
#C2CFC9
#C2D0C8
#C2D0C8
#C2D1C7
#C2D1C7
#C2D2C6
#C3CDCB
#C3CECA
#C3CFC9
#C3CFC8
#C3D0C7
#C3D1C6
#C3D2C5
#C4CACC
#C4CBCB
#C4CDC9
#C4CEC8
#C4CFC7
#C4D0C6
#C4D2C4
#C5C7CE
#C5C9CC
#C5CBCA
#C5CCC9
#C5CEC7
#C5D0C5
#C5D2C3
#C6C4D0
#C6C6CE
#C6C8CC
#C6CBC9
#C6CDC7
#C6CFC5
#C6D2C2
#C7C1D2
#C7C4CF
#C7C6CD
#C7C9CA
#C7CCC7
#C7CFC4
#C7D2C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts