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 #C4D7BF to #C4BFD7 and to #D7C4BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D3C3
#C4D3C2
#C5D3C2
#C5D3C1
#C6D4C0
#C6D4C0
#C7D4BF
#C4CFC7
#C5CFC6
#C6D0C4
#C7D0C3
#C8D0C2
#C9D1C1
#CAD1BF
#C4CBCB
#C5CBC9
#C7CCC7
#C8CCC5
#CACDC3
#CBCDC1
#CDCEBF
#C4C8CE
#C6C8CC
#C8C9C9
#CAC9C7
#CCCAC4
#CECAC2
#D0CBBF
#C4C4D2
#C6C5CF
#C9C5CC
#CBC6C9
#CEC7C6
#D0C7C3
#D3C8BF
#C4BFD7
#C7C0D3
#CAC1CF
#CDC1CB
#D0C2C8
#D3C3C4
#D7C4BF
Colorpallet from #C4D7BF to #C4BFD7 and to #D7BFC4
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D3C3
#C4D3C3
#C5D3C2
#C5D3C2
#C6D3C1
#C6D3C1
#C7D3C0
#C4CFC7
#C5CFC6
#C6CFC5
#C7CFC4
#C8CFC3
#C9CFC2
#CACFC1
#C4CBCB
#C5CBC9
#C7CBC8
#C8CBC6
#CACBC5
#CBCBC3
#CDCBC1
#C4C8CE
#C6C8CC
#C8C8CA
#CAC8C8
#CCC8C6
#CEC8C4
#D0C8C2
#C4C4D2
#C6C4D0
#C9C4CD
#CBC4CB
#CEC4C8
#D0C4C6
#D3C4C3
#C4BFD7
#C7BFD4
#CABFD1
#CDBFCE
#D0BFCB
#D3BFC8
#D7BFC4
Colorpallet from #C4D7BF to #C4BFD7 and to #BFC4D7
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D3C3
#C4D3C3
#C4D3C3
#C4D3C3
#C3D4C3
#C3D4C3
#C3D4C3
#C4CFC7
#C4CFC7
#C3D0C7
#C3D0C7
#C3D0C7
#C2D1C7
#C2D1C7
#C4CBCB
#C4CBCB
#C3CCCB
#C3CCCB
#C3CDCB
#C2CDCB
#C2CECB
#C4C8CE
#C4C8CE
#C3C9CE
#C3C9CE
#C2CACE
#C2CACE
#C1CBCE
#C4C4D2
#C3C5D2
#C3C5D2
#C2C6D2
#C1C7D2
#C1C7D2
#C0C8D2
#C4BFD7
#C3C0D7
#C2C1D7
#C2C1D7
#C1C2D7
#C0C3D7
#BFC4D7
Colorpallet from #C4D7BF to #C4BFD7 and to #BFD7C4
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D3C3
#C4D4C3
#C4D4C2
#C4D5C2
#C3D6C1
#C3D6C1
#C3D7C0
#C4CFC7
#C4D0C6
#C3D2C5
#C3D3C4
#C3D4C3
#C2D5C2
#C2D7C1
#C4CBCB
#C4CDC9
#C3CFC8
#C3D1C6
#C3D3C5
#C2D5C3
#C2D7C1
#C4C8CE
#C4CACC
#C3CDCA
#C3CFC8
#C2D2C6
#C2D4C4
#C1D7C2
#C4C4D2
#C3C7D0
#C3CACD
#C2CDCB
#C1D0C8
#C1D3C6
#C0D7C3
#C4BFD7
#C3C3D4
#C2C7D1
#C2CBCE
#C1CECB
#C0D2C8
#BFD7C4
Colorpallet from #C4D7BF to #D7C4BF and to #D7BFC4
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C7D4BF
#C7D4BF
#C7D4BF
#C7D4BF
#C7D3C0
#C7D3C0
#C7D3C0
#CAD1BF
#CAD1BF
#CAD0C0
#CAD0C0
#CAD0C0
#CACFC1
#CACFC1
#CDCEBF
#CDCEBF
#CDCDC0
#CDCDC0
#CDCCC0
#CDCCC1
#CDCBC1
#D0CBBF
#D0CBBF
#D0CAC0
#D0CAC0
#D0C9C1
#D0C9C1
#D0C8C2
#D3C8BF
#D3C7C0
#D3C7C0
#D3C6C1
#D3C5C2
#D3C5C2
#D3C4C3
#D7C4BF
#D7C3C0
#D7C2C1
#D7C2C1
#D7C1C2
#D7C0C3
#D7BFC4
Colorpallet from #C4D7BF to #D7C4BF and to #BFC4D7
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C7D4BF
#C6D4C0
#C6D4C0
#C5D4C1
#C4D4C2
#C4D4C2
#C3D4C3
#CAD1BF
#C9D1C0
#C7D1C2
#C6D1C3
#C5D1C4
#C4D1C5
#C2D1C7
#CDCEBF
#CBCEC1
#C9CEC3
#C8CEC5
#C6CEC7
#C4CEC9
#C2CECB
#D0CBBF
#CECBC1
#CBCBC4
#C9CBC6
#C6CBC9
#C4CBCB
#C1CBCE
#D3C8BF
#D0C8C2
#CDC8C5
#CAC8C8
#C7C8CB
#C4C8CE
#C0C8D2
#D7C4BF
#D3C4C3
#CFC4C7
#CBC4CB
#C8C4CE
#C4C4D2
#BFC4D7
Colorpallet from #C4D7BF to #D7C4BF and to #BFD7C4
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C7D4BF
#C6D4BF
#C6D5BF
#C5D5BF
#C4D6C0
#C4D6C0
#C3D7C0
#CAD1BF
#C9D2BF
#C7D3C0
#C6D4C0
#C5D5C0
#C4D6C1
#C2D7C1
#CDCEBF
#CBCFBF
#C9D1C0
#C8D2C0
#C6D4C0
#C4D5C1
#C2D7C1
#D0CBBF
#CECDBF
#CBCFC0
#C9D1C0
#C6D3C1
#C4D5C1
#C1D7C2
#D3C8BF
#D0CAC0
#CDCDC0
#CACFC1
#C7D2C2
#C4D4C2
#C0D7C3
#D7C4BF
#D3C7C0
#CFCAC1
#CBCDC1
#C8D0C2
#C4D3C3
#BFD7C4
Colorpallet from #C4D7BF to #D7BFC4 and to #BFC4D7
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C7D3C0
#C6D3C0
#C6D3C1
#C5D3C1
#C4D4C2
#C4D4C2
#C3D4C3
#CACFC1
#C9CFC2
#C7D0C3
#C6D0C4
#C5D0C5
#C4D1C6
#C2D1C7
#CDCBC1
#CBCBC3
#C9CCC4
#C8CCC6
#C6CDC7
#C4CDC9
#C2CECB
#D0C8C2
#CEC8C4
#CBC9C6
#C9C9C8
#C6CACA
#C4CACC
#C1CBCE
#D3C4C3
#D0C5C5
#CDC5C8
#CAC6CA
#C7C7CD
#C4C7CF
#C0C8D2
#D7BFC4
#D3C0C7
#CFC1CA
#CBC1CD
#C8C2D0
#C4C3D3
#BFC4D7
Colorpallet from #C4D7BF to #D7BFC4 and to #BFD7C4
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C7D3C0
#C6D4C0
#C6D4C0
#C5D5C0
#C4D6C0
#C4D6C0
#C3D7C0
#CACFC1
#C9D0C1
#C7D2C1
#C6D3C1
#C5D4C1
#C4D5C1
#C2D7C1
#CDCBC1
#CBCDC1
#C9CFC1
#C8D1C1
#C6D3C1
#C4D5C1
#C2D7C1
#D0C8C2
#CECAC2
#CBCDC2
#C9CFC2
#C6D2C2
#C4D4C2
#C1D7C2
#D3C4C3
#D0C7C3
#CDCAC3
#CACDC3
#C7D0C3
#C4D3C3
#C0D7C3
#D7BFC4
#D3C3C4
#CFC7C4
#CBCBC4
#C8CEC4
#C4D2C4
#BFD7C4
Colorpallet from #C4D7BF to #BFC4D7 and to #BFD7C4
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C4D7BF
#C3D4C3
#C3D4C3
#C3D5C2
#C3D5C2
#C3D6C1
#C3D6C1
#C3D7C0
#C2D1C7
#C2D2C6
#C2D3C5
#C2D4C4
#C2D5C3
#C2D6C2
#C2D7C1
#C2CECB
#C2CFC9
#C2D1C8
#C2D2C6
#C2D4C5
#C2D5C3
#C2D7C1
#C1CBCE
#C1CDCC
#C1CFCA
#C1D1C8
#C1D3C6
#C1D5C4
#C1D7C2
#C0C8D2
#C0CAD0
#C0CDCD
#C0CFCB
#C0D2C8
#C0D4C6
#C0D7C3
#BFC4D7
#BFC7D4
#BFCAD1
#BFCDCE
#BFD0CB
#BFD3C8
#BFD7C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts