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 #C1D4C5 to #C1C5D4 and to #D4C1C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D2C7
#C1D2C7
#C2D2C6
#C2D2C6
#C3D1C6
#C3D1C5
#C4D1C5
#C1CFCA
#C2CFC9
#C3CFC8
#C4CFC8
#C5CEC7
#C6CEC6
#C7CEC5
#C1CDCC
#C2CDCB
#C4CCCA
#C5CCC9
#C7CCC8
#C8CBC6
#CACBC5
#C1CACF
#C3CACD
#C5C9CC
#C7C9CA
#C9C9C9
#CBC8C7
#CDC8C5
#C1C8D1
#C3C8CF
#C6C7CD
#C8C7CB
#CBC6C9
#CDC6C7
#D0C5C5
#C1C5D4
#C4C4D2
#C7C4CF
#CAC3CD
#CDC2CA
#D0C2C8
#D4C1C5
Colorpallet from #C1D4C5 to #C1C5D4 and to #D4C5C1
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D2C7
#C1D2C7
#C2D2C6
#C2D2C6
#C3D2C5
#C3D2C5
#C4D2C4
#C1CFCA
#C2CFC9
#C3CFC8
#C4CFC7
#C5CFC6
#C6CFC5
#C7CFC4
#C1CDCC
#C2CDCB
#C4CDC9
#C5CDC8
#C7CDC6
#C8CDC5
#CACDC3
#C1CACF
#C3CACD
#C5CACB
#C7CAC9
#C9CAC7
#CBCAC5
#CDCAC2
#C1C8D1
#C3C8CF
#C6C8CC
#C8C8CA
#CBC8C7
#CDC8C5
#D0C8C2
#C1C5D4
#C4C5D1
#C7C5CE
#CAC5CB
#CDC5C8
#D0C5C5
#D4C5C1
Colorpallet from #C1D4C5 to #C1C5D4 and to #C5C1D4
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D2C7
#C1D2C7
#C1D2C7
#C1D2C7
#C2D1C7
#C2D1C7
#C2D1C7
#C1CFCA
#C1CFCA
#C1CFCA
#C1CFCA
#C2CECA
#C2CECA
#C2CECA
#C1CDCC
#C1CDCC
#C2CCCC
#C2CCCC
#C2CCCC
#C3CBCC
#C3CBCC
#C1CACF
#C1CACF
#C2C9CF
#C2C9CF
#C3C9CF
#C3C8CF
#C4C8CF
#C1C8D1
#C1C8D1
#C2C7D1
#C2C7D1
#C3C6D1
#C3C6D1
#C4C5D1
#C1C5D4
#C2C4D4
#C2C4D4
#C3C3D4
#C4C2D4
#C4C2D4
#C5C1D4
Colorpallet from #C1D4C5 to #C1C5D4 and to #C5D4C1
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D2C7
#C1D2C7
#C1D3C6
#C1D3C6
#C2D3C5
#C2D4C5
#C2D4C4
#C1CFCA
#C1D0C9
#C1D1C8
#C1D1C7
#C2D2C6
#C2D3C5
#C2D4C4
#C1CDCC
#C1CECB
#C2CFC9
#C2D0C8
#C2D1C6
#C3D3C5
#C3D4C3
#C1CACF
#C1CCCD
#C2CDCB
#C2CFC9
#C3D0C7
#C3D2C5
#C4D4C2
#C1C8D1
#C1CACF
#C2CCCC
#C2CECA
#C3D0C7
#C3D2C5
#C4D4C2
#C1C5D4
#C2C7D1
#C2CACE
#C3CCCB
#C4CFC8
#C4D1C5
#C5D4C1
Colorpallet from #C1D4C5 to #D4C1C5 and to #D4C5C1
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C4D1C5
#C4D1C5
#C4D1C5
#C4D1C5
#C4D2C4
#C4D2C4
#C4D2C4
#C7CEC5
#C7CEC5
#C7CEC5
#C7CEC5
#C7CFC4
#C7CFC4
#C7CFC4
#CACBC5
#CACBC5
#CACCC4
#CACCC4
#CACCC4
#CACDC3
#CACDC3
#CDC8C5
#CDC8C5
#CDC9C4
#CDC9C4
#CDC9C3
#CDCAC3
#CDCAC2
#D0C5C5
#D0C5C5
#D0C6C4
#D0C6C4
#D0C7C3
#D0C7C3
#D0C8C2
#D4C1C5
#D4C2C4
#D4C2C4
#D4C3C3
#D4C4C2
#D4C4C2
#D4C5C1
Colorpallet from #C1D4C5 to #D4C1C5 and to #C5C1D4
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C4D1C5
#C4D1C5
#C3D1C6
#C3D1C6
#C3D1C6
#C2D1C7
#C2D1C7
#C7CEC5
#C6CEC6
#C5CEC7
#C5CEC7
#C4CEC8
#C3CEC9
#C2CECA
#CACBC5
#C9CBC6
#C8CBC7
#C7CBC8
#C6CBC9
#C4CBCB
#C3CBCC
#CDC8C5
#CCC8C7
#CAC8C8
#C9C8CA
#C7C8CB
#C6C8CD
#C4C8CF
#D0C5C5
#CEC5C7
#CCC5C9
#CAC5CB
#C8C5CD
#C6C5CF
#C4C5D1
#D4C1C5
#D2C1C7
#CFC1CA
#CDC1CC
#CAC1CF
#C8C1D1
#C5C1D4
Colorpallet from #C1D4C5 to #D4C1C5 and to #C5D4C1
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C4D1C5
#C4D1C5
#C3D2C5
#C3D2C5
#C3D3C4
#C2D3C4
#C2D4C4
#C7CEC5
#C6CFC5
#C5D0C5
#C5D1C5
#C4D2C4
#C3D3C4
#C2D4C4
#CACBC5
#C9CCC5
#C8CEC4
#C7CFC4
#C6D1C4
#C4D2C3
#C3D4C3
#CDC8C5
#CCCAC5
#CACCC4
#C9CEC4
#C7D0C3
#C6D2C3
#C4D4C2
#D0C5C5
#CEC7C5
#CCCAC4
#CACCC4
#C8CFC3
#C6D1C3
#C4D4C2
#D4C1C5
#D2C4C4
#CFC7C4
#CDCAC3
#CACDC2
#C8D0C2
#C5D4C1
Colorpallet from #C1D4C5 to #D4C5C1 and to #C5C1D4
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C4D2C4
#C4D2C4
#C3D2C5
#C3D2C5
#C3D1C6
#C2D1C6
#C2D1C7
#C7CFC4
#C6CFC5
#C5CFC6
#C5CFC7
#C4CEC8
#C3CEC9
#C2CECA
#CACDC3
#C9CDC4
#C8CCC6
#C7CCC7
#C6CCC9
#C4CBCA
#C3CBCC
#CDCAC2
#CCCAC4
#CAC9C6
#C9C9C8
#C7C9CA
#C6C8CC
#C4C8CF
#D0C8C2
#CEC8C4
#CCC7C7
#CAC7C9
#C8C6CC
#C6C6CE
#C4C5D1
#D4C5C1
#D2C4C4
#CFC4C7
#CDC3CA
#CAC2CD
#C8C2D0
#C5C1D4
Colorpallet from #C1D4C5 to #D4C5C1 and to #C5D4C1
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C4D2C4
#C4D2C4
#C3D3C4
#C3D3C4
#C3D3C4
#C2D4C4
#C2D4C4
#C7CFC4
#C6D0C4
#C5D1C4
#C5D1C4
#C4D2C4
#C3D3C4
#C2D4C4
#CACDC3
#C9CEC3
#C8CFC3
#C7D0C3
#C6D1C3
#C4D3C3
#C3D4C3
#CDCAC2
#CCCCC2
#CACDC2
#C9CFC2
#C7D0C2
#C6D2C2
#C4D4C2
#D0C8C2
#CECAC2
#CCCCC2
#CACEC2
#C8D0C2
#C6D2C2
#C4D4C2
#D4C5C1
#D2C7C1
#CFCAC1
#CDCCC1
#CACFC1
#C8D1C1
#C5D4C1
Colorpallet from #C1D4C5 to #C5C1D4 and to #C5D4C1
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C1D4C5
#C2D1C7
#C2D1C7
#C2D2C6
#C2D2C6
#C2D3C5
#C2D3C5
#C2D4C4
#C2CECA
#C2CFC9
#C2D0C8
#C2D1C7
#C2D2C6
#C2D3C5
#C2D4C4
#C3CBCC
#C3CCCB
#C3CEC9
#C3CFC8
#C3D1C6
#C3D2C5
#C3D4C3
#C4C8CF
#C4CACD
#C4CCCB
#C4CEC9
#C4D0C7
#C4D2C5
#C4D4C2
#C4C5D1
#C4C7CF
#C4CACC
#C4CCCA
#C4CFC7
#C4D1C5
#C4D4C2
#C5C1D4
#C5C4D1
#C5C7CE
#C5CACB
#C5CDC8
#C5D0C5
#C5D4C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts