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 #CCBED1 to #CCD1BE and to #BECCD1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCC1CE
#CCC1CE
#CBC1CF
#CBC1CF
#CBC0D0
#CAC0D0
#CAC0D1
#CCC4CB
#CBC4CC
#CBC3CD
#CAC3CE
#C9C3CF
#C9C2D0
#C8C2D1
#CCC7C8
#CBC7C9
#CAC6CB
#C9C6CC
#C8C6CE
#C6C5CF
#C5C5D1
#CCCAC5
#CBCAC7
#C9C9C9
#C8C9CB
#C6C8CD
#C5C8CF
#C3C7D1
#CCCDC2
#CACCC4
#C8CCC7
#C7CBC9
#C5CACC
#C3CACE
#C1C9D1
#CCD1BE
#CAD0C1
#C8CFC4
#C5CFC7
#C3CECA
#C1CDCD
#BECCD1
Colorpallet from #CCBED1 to #CCD1BE and to #BED1CC
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCC1CE
#CCC1CE
#CBC1CF
#CBC1CF
#CBC1CF
#CAC1D0
#CAC1D0
#CCC4CB
#CBC4CC
#CBC4CC
#CAC4CD
#C9C4CE
#C9C4CE
#C8C4CF
#CCC7C8
#CBC7C9
#CAC7CA
#C9C7CB
#C8C7CC
#C6C7CE
#C5C7CF
#CCCAC5
#CBCAC6
#C9CAC8
#C8CAC9
#C6CACB
#C5CACC
#C3CACE
#CCCDC2
#CACDC4
#C8CDC6
#C7CDC7
#C5CDC9
#C3CDCB
#C1CDCD
#CCD1BE
#CAD1C0
#C8D1C2
#C5D1C5
#C3D1C7
#C1D1C9
#BED1CC
Colorpallet from #CCBED1 to #CCD1BE and to #D1CCBE
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCC1CE
#CCC1CE
#CCC1CE
#CCC1CE
#CDC0CE
#CDC0CE
#CDC0CE
#CCC4CB
#CCC4CB
#CDC3CB
#CDC3CB
#CDC3CB
#CEC2CB
#CEC2CB
#CCC7C8
#CCC7C8
#CDC6C8
#CDC6C8
#CDC6C8
#CEC5C8
#CEC5C8
#CCCAC5
#CCCAC5
#CDC9C5
#CDC9C5
#CEC8C5
#CEC8C5
#CFC7C5
#CCCDC2
#CDCCC2
#CDCCC2
#CECBC2
#CFCAC2
#CFCAC2
#D0C9C2
#CCD1BE
#CDD0BE
#CECFBE
#CECFBE
#CFCEBE
#D0CDBE
#D1CCBE
Colorpallet from #CCBED1 to #CCD1BE and to #D1BECC
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCC1CE
#CCC1CE
#CCC0CF
#CCC0CF
#CDBFCF
#CDBFD0
#CDBED0
#CCC4CB
#CCC3CC
#CDC2CC
#CDC1CD
#CDC0CE
#CEBFCE
#CEBECF
#CCC7C8
#CCC6C9
#CDC4CA
#CDC3CB
#CDC1CC
#CEC0CE
#CEBECF
#CCCAC5
#CCC8C6
#CDC6C8
#CDC4C9
#CEC2CB
#CEC0CC
#CFBECE
#CCCDC2
#CDCBC4
#CDC8C6
#CEC6C7
#CFC3C9
#CFC1CB
#D0BECD
#CCD1BE
#CDCEC0
#CECBC2
#CEC8C5
#CFC5C7
#D0C2C9
#D1BECC
Colorpallet from #CCBED1 to #BECCD1 and to #BED1CC
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CAC0D1
#CAC0D1
#CAC0D1
#CAC0D1
#CAC1D0
#CAC1D0
#CAC1D0
#C8C2D1
#C8C2D1
#C8C3D0
#C8C3D0
#C8C3D0
#C8C4CF
#C8C4CF
#C5C5D1
#C5C5D1
#C5C6D0
#C5C6D0
#C5C6D0
#C5C7CF
#C5C7CF
#C3C7D1
#C3C7D1
#C3C8D0
#C3C8D0
#C3C9CF
#C3C9CF
#C3CACE
#C1C9D1
#C1CAD0
#C1CAD0
#C1CBCF
#C1CCCE
#C1CCCE
#C1CDCD
#BECCD1
#BECDD0
#BECECF
#BECECF
#BECFCE
#BED0CD
#BED1CC
Colorpallet from #CCBED1 to #BECCD1 and to #D1CCBE
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CAC0D1
#CAC0D1
#CBC0D0
#CBC0D0
#CCC0CF
#CCC0CF
#CDC0CE
#C8C2D1
#C9C2D0
#CAC2CF
#CBC2CE
#CCC2CD
#CDC2CC
#CEC2CB
#C5C5D1
#C6C5D0
#C8C5CE
#C9C5CD
#CBC5CB
#CCC5CA
#CEC5C8
#C3C7D1
#C5C7CF
#C7C7CD
#C9C7CB
#CBC7C9
#CDC7C7
#CFC7C5
#C1C9D1
#C3C9CF
#C6C9CC
#C8C9CA
#CBC9C7
#CDC9C5
#D0C9C2
#BECCD1
#C1CCCE
#C4CCCB
#C7CCC8
#CACCC5
#CDCCC2
#D1CCBE
Colorpallet from #CCBED1 to #BECCD1 and to #D1BECC
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CAC0D1
#CAC0D1
#CBBFD1
#CBBFD1
#CCBFD0
#CCBED0
#CDBED0
#C8C2D1
#C9C1D1
#CAC1D0
#CBC0D0
#CCBFD0
#CDBFCF
#CEBECF
#C5C5D1
#C6C4D1
#C8C3D0
#C9C2D0
#CBC1D0
#CCBFCF
#CEBECF
#C3C7D1
#C5C6D1
#C7C4D0
#C9C3D0
#CBC1CF
#CDC0CF
#CFBECE
#C1C9D1
#C3C7D0
#C6C5D0
#C8C4CF
#CBC2CE
#CDC0CE
#D0BECD
#BECCD1
#C1CAD0
#C4C8CF
#C7C5CF
#CAC3CE
#CDC1CD
#D1BECC
Colorpallet from #CCBED1 to #BED1CC and to #D1CCBE
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CAC1D0
#CAC1D0
#CBC1CF
#CBC1CF
#CCC0CF
#CCC0CE
#CDC0CE
#C8C4CF
#C9C4CE
#CAC3CE
#CBC3CD
#CCC3CC
#CDC2CC
#CEC2CB
#C5C7CF
#C6C7CE
#C8C6CD
#C9C6CC
#CBC6CB
#CCC5C9
#CEC5C8
#C3CACE
#C5CACD
#C7C9CB
#C9C9CA
#CBC8C8
#CDC8C7
#CFC7C5
#C1CDCD
#C3CCCB
#C6CCC9
#C8CBC8
#CBCAC6
#CDCAC4
#D0C9C2
#BED1CC
#C1D0CA
#C4CFC8
#C7CFC5
#CACEC3
#CDCDC1
#D1CCBE
Colorpallet from #CCBED1 to #BED1CC and to #D1BECC
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CAC1D0
#CAC1D0
#CBC0D0
#CBC0D0
#CCBFD0
#CCBFD0
#CDBED0
#C8C4CF
#C9C3CF
#CAC2CF
#CBC1CF
#CCC0CF
#CDBFCF
#CEBECF
#C5C7CF
#C6C6CF
#C8C4CF
#C9C3CF
#CBC1CF
#CCC0CF
#CEBECF
#C3CACE
#C5C8CE
#C7C6CE
#C9C4CE
#CBC2CE
#CDC0CE
#CFBECE
#C1CDCD
#C3CBCD
#C6C8CD
#C8C6CD
#CBC3CD
#CDC1CD
#D0BECD
#BED1CC
#C1CECC
#C4CBCC
#C7C8CC
#CAC5CC
#CDC2CC
#D1BECC
Colorpallet from #CCBED1 to #D1CCBE and to #D1BECC
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CCBED1
#CDC0CE
#CDC0CE
#CDBFCF
#CDBFCF
#CDBFCF
#CDBED0
#CDBED0
#CEC2CB
#CEC1CC
#CEC1CC
#CEC0CD
#CEBFCE
#CEBFCE
#CEBECF
#CEC5C8
#CEC4C9
#CEC3CA
#CEC2CB
#CEC1CC
#CEBFCE
#CEBECF
#CFC7C5
#CFC6C6
#CFC4C8
#CFC3C9
#CFC1CB
#CFC0CC
#CFBECE
#D0C9C2
#D0C7C4
#D0C5C6
#D0C4C7
#D0C2C9
#D0C0CB
#D0BECD
#D1CCBE
#D1CAC0
#D1C8C2
#D1C5C5
#D1C3C7
#D1C1C9
#D1BECC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts