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 #CAD8BE to #CABED8 and to #D8CABE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD4C2
#CAD4C1
#CBD5C1
#CBD5C0
#CBD5BF
#CCD6BF
#CCD6BE
#CAD0C6
#CBD1C5
#CBD1C3
#CCD2C2
#CDD3C1
#CDD3C0
#CED4BE
#CACCCA
#CBCDC8
#CCCEC6
#CDCEC4
#CECFC2
#D0D0C0
#D1D1BE
#CAC7CF
#CBC8CC
#CDCACA
#CECBC7
#D0CCC4
#D1CDC1
#D3CFBE
#CAC3D3
#CCC5D0
#CEC6CC
#CFC8C9
#D1C9C6
#D3CBC2
#D5CDBE
#CABED8
#CCC0D4
#CEC2D0
#D1C4CC
#D3C6C7
#D5C8C3
#D8CABE
Colorpallet from #CAD8BE to #CABED8 and to #D8BECA
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD4C2
#CAD4C2
#CBD4C1
#CBD4C1
#CBD4C1
#CCD4C0
#CCD4C0
#CAD0C6
#CBD0C5
#CBD0C5
#CCD0C4
#CDD0C3
#CDD0C3
#CED0C2
#CACCCA
#CBCCC9
#CCCCC8
#CDCCC7
#CECCC6
#D0CCC5
#D1CCC4
#CAC7CF
#CBC7CE
#CDC7CC
#CEC7CB
#D0C7C9
#D1C7C8
#D3C7C6
#CAC3D3
#CCC3D1
#CEC3CF
#CFC3CE
#D1C3CC
#D3C3CA
#D5C3C8
#CABED8
#CCBED6
#CEBED4
#D1BED1
#D3BECF
#D5BECD
#D8BECA
Colorpallet from #CAD8BE to #CABED8 and to #BECAD8
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD4C2
#CAD4C2
#C9D5C2
#C9D5C2
#C9D5C2
#C8D6C2
#C8D6C2
#CAD0C6
#C9D1C6
#C9D1C6
#C8D2C6
#C7D3C6
#C7D3C6
#C6D4C6
#CACCCA
#C9CDCA
#C8CECA
#C7CECA
#C6CFCA
#C5D0CA
#C4D1CA
#CAC7CF
#C9C8CF
#C7CACF
#C6CBCF
#C5CCCF
#C4CDCF
#C2CFCF
#CAC3D3
#C8C5D3
#C7C6D3
#C5C8D3
#C4C9D3
#C2CBD3
#C0CDD3
#CABED8
#C8C0D8
#C6C2D8
#C4C4D8
#C2C6D8
#C0C8D8
#BECAD8
Colorpallet from #CAD8BE to #CABED8 and to #BED8CA
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD4C2
#CAD5C2
#C9D5C1
#C9D6C1
#C9D7C1
#C8D7C0
#C8D8C0
#CAD0C6
#C9D1C5
#C9D3C5
#C8D4C4
#C7D5C3
#C7D6C3
#C6D8C2
#CACCCA
#C9CEC9
#C8D0C8
#C7D2C7
#C6D4C6
#C5D6C5
#C4D8C4
#CAC7CF
#C9CACE
#C7CCCC
#C6CFCB
#C5D2C9
#C4D5C8
#C2D8C6
#CAC3D3
#C8C6D1
#C7CACF
#C5CDCE
#C4D0CC
#C2D4CA
#C0D8C8
#CABED8
#C8C2D6
#C6C6D4
#C4CAD1
#C2CFCF
#C0D3CD
#BED8CA
Colorpallet from #CAD8BE to #D8CABE and to #D8BECA
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CCD6BE
#CCD6BE
#CCD5BF
#CCD5BF
#CCD5BF
#CCD4C0
#CCD4C0
#CED4BE
#CED3BF
#CED3BF
#CED2C0
#CED1C1
#CED1C1
#CED0C2
#D1D1BE
#D1D0BF
#D1CFC0
#D1CFC1
#D1CEC2
#D1CDC3
#D1CCC4
#D3CFBE
#D3CEBF
#D3CCC1
#D3CBC2
#D3CAC3
#D3C9C4
#D3C7C6
#D5CDBE
#D5CBC0
#D5CAC1
#D5C8C3
#D5C7C4
#D5C5C6
#D5C3C8
#D8CABE
#D8C8C0
#D8C6C2
#D8C4C4
#D8C2C6
#D8C0C8
#D8BECA
Colorpallet from #CAD8BE to #D8CABE and to #BECAD8
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CCD6BE
#CBD6BF
#CBD6BF
#CAD6C0
#C9D6C1
#C9D6C1
#C8D6C2
#CED4BE
#CDD4BF
#CBD4C1
#CAD4C2
#C9D4C3
#C8D4C4
#C6D4C6
#D1D1BE
#CFD1C0
#CDD1C2
#CBD1C4
#C9D1C6
#C7D1C8
#C4D1CA
#D3CFBE
#D0CFC1
#CECFC3
#CBCFC6
#C8CFC9
#C5CFCC
#C2CFCF
#D5CDBE
#D2CDC1
#CECDC5
#CBCDC8
#C8CDCB
#C4CDCF
#C0CDD3
#D8CABE
#D4CAC2
#D0CAC6
#CCCACA
#C7CACF
#C3CAD3
#BECAD8
Colorpallet from #CAD8BE to #D8CABE and to #BED8CA
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CCD6BE
#CBD6BE
#CBD7BF
#CAD7BF
#C9D7BF
#C9D8C0
#C8D8C0
#CED4BE
#CDD5BF
#CBD5BF
#CAD6C0
#C9D7C1
#C8D7C1
#C6D8C2
#D1D1BE
#CFD2BF
#CDD3C0
#CBD4C1
#C9D5C2
#C7D7C3
#C4D8C4
#D3CFBE
#D0D0BF
#CED2C1
#CBD3C2
#C8D5C3
#C5D6C4
#C2D8C6
#D5CDBE
#D2CFC0
#CED1C1
#CBD2C3
#C8D4C4
#C4D6C6
#C0D8C8
#D8CABE
#D4CCC0
#D0CEC2
#CCD1C4
#C7D3C6
#C3D5C8
#BED8CA
Colorpallet from #CAD8BE to #D8BECA and to #BECAD8
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CCD4C0
#CBD4C0
#CBD5C1
#CAD5C1
#C9D5C1
#C9D6C2
#C8D6C2
#CED0C2
#CDD1C3
#CBD1C3
#CAD2C4
#C9D3C5
#C8D3C5
#C6D4C6
#D1CCC4
#CFCDC5
#CDCEC6
#CBCEC7
#C9CFC8
#C7D0C9
#C4D1CA
#D3C7C6
#D0C8C7
#CECAC9
#CBCBCA
#C8CCCC
#C5CDCD
#C2CFCF
#D5C3C8
#D2C5CA
#CEC6CC
#CBC8CD
#C8C9CF
#C4CBD1
#C0CDD3
#D8BECA
#D4C0CC
#D0C2CE
#CCC4D1
#C7C6D3
#C3C8D5
#BECAD8
Colorpallet from #CAD8BE to #D8BECA and to #BED8CA
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CCD4C0
#CBD5C0
#CBD5C0
#CAD6C0
#C9D7C0
#C9D7C0
#C8D8C0
#CED0C2
#CDD1C2
#CBD3C2
#CAD4C2
#C9D5C2
#C8D6C2
#C6D8C2
#D1CCC4
#CFCEC4
#CDD0C4
#CBD2C4
#C9D4C4
#C7D6C4
#C4D8C4
#D3C7C6
#D0CAC6
#CECCC6
#CBCFC6
#C8D2C6
#C5D5C6
#C2D8C6
#D5C3C8
#D2C6C8
#CECAC8
#CBCDC8
#C8D0C8
#C4D4C8
#C0D8C8
#D8BECA
#D4C2CA
#D0C6CA
#CCCACA
#C7CFCA
#C3D3CA
#BED8CA
Colorpallet from #CAD8BE to #BECAD8 and to #BED8CA
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#CAD8BE
#C8D6C2
#C8D6C2
#C8D7C1
#C8D7C1
#C8D7C1
#C8D8C0
#C8D8C0
#C6D4C6
#C6D5C5
#C6D5C5
#C6D6C4
#C6D7C3
#C6D7C3
#C6D8C2
#C4D1CA
#C4D2C9
#C4D3C8
#C4D4C7
#C4D5C6
#C4D7C5
#C4D8C4
#C2CFCF
#C2D0CE
#C2D2CC
#C2D3CB
#C2D5C9
#C2D6C8
#C2D8C6
#C0CDD3
#C0CFD1
#C0D1CF
#C0D2CE
#C0D4CC
#C0D6CA
#C0D8C8
#BECAD8
#BECCD6
#BECED4
#BED1D1
#BED3CF
#BED5CD
#BED8CA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts