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 #CDD4B9 to #CDB9D4 and to #D4CDB9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD0BD
#CDD0BC
#CDD1BC
#CDD1BB
#CED2BA
#CED2BA
#CED3B9
#CDCBC2
#CDCCC1
#CECDBF
#CECEBE
#CECFBC
#CFD1BB
#CFD2B9
#CDC7C6
#CDC9C4
#CECAC2
#CECCC0
#CFCDBE
#CFCFBC
#D0D1B9
#CDC3CA
#CEC5C7
#CEC7C5
#CFC9C2
#D0CBBF
#D0CDBC
#D1D0B9
#CDBECF
#CEC1CB
#CFC3C8
#D0C6C4
#D1C8C1
#D2CBBD
#D3CEB9
#CDB9D4
#CEBCD0
#CFBFCB
#D0C3C7
#D1C6C3
#D3C9BE
#D4CDB9
Colorpallet from #CDD4B9 to #CDB9D4 and to #D4B9CD
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD0BD
#CDD0BD
#CDD0BD
#CDD0BD
#CED0BC
#CED0BC
#CED0BC
#CDCBC2
#CDCBC2
#CECBC1
#CECBC1
#CECBC0
#CFCBC0
#CFCBBF
#CDC7C6
#CDC7C6
#CEC7C5
#CEC7C5
#CFC7C4
#CFC7C4
#D0C7C3
#CDC3CA
#CEC3C9
#CEC3C9
#CFC3C8
#D0C3C7
#D0C3C7
#D1C3C6
#CDBECF
#CEBECE
#CFBECD
#D0BECC
#D1BECB
#D2BECA
#D3BEC9
#CDB9D4
#CEB9D3
#CFB9D2
#D0B9D1
#D1B9D0
#D3B9CE
#D4B9CD
Colorpallet from #CDD4B9 to #CDB9D4 and to #B9CDD4
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD0BD
#CDD0BD
#CCD1BD
#CCD1BD
#CBD2BD
#CBD2BD
#CAD3BD
#CDCBC2
#CCCCC2
#CBCDC2
#CACEC2
#C9CFC2
#C8D1C2
#C7D2C2
#CDC7C6
#CBC9C6
#CACAC6
#C8CCC6
#C7CDC6
#C5CFC6
#C3D1C6
#CDC3CA
#CBC5CA
#C9C7CA
#C7C9CA
#C5CBCA
#C3CDCA
#C0D0CA
#CDBECF
#CAC1CF
#C8C3CF
#C5C6CF
#C3C8CF
#C0CBCF
#BDCECF
#CDB9D4
#CABCD4
#C7BFD4
#C3C3D4
#C0C6D4
#BDC9D4
#B9CDD4
Colorpallet from #CDD4B9 to #CDB9D4 and to #B9D4CD
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD0BD
#CDD1BD
#CCD1BD
#CCD2BD
#CBD3BC
#CBD3BC
#CAD4BC
#CDCBC2
#CCCCC2
#CBCEC1
#CACFC1
#C9D1C0
#C8D2C0
#C7D4BF
#CDC7C6
#CBC9C6
#CACBC5
#C8CDC5
#C7CFC4
#C5D1C4
#C3D4C3
#CDC3CA
#CBC6C9
#C9C8C9
#C7CBC8
#C5CEC7
#C3D1C7
#C0D4C6
#CDBECF
#CAC2CE
#C8C5CD
#C5C9CC
#C3CCCB
#C0D0CA
#BDD4C9
#CDB9D4
#CABDD3
#C7C2D2
#C3C6D1
#C0CAD0
#BDCFCE
#B9D4CD
Colorpallet from #CDD4B9 to #D4CDB9 and to #D4B9CD
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CED3B9
#CED3B9
#CED2BA
#CED2BA
#CED1BB
#CED1BB
#CED0BC
#CFD2B9
#CFD1BA
#CFD0BB
#CFCFBC
#CFCEBD
#CFCCBE
#CFCBBF
#D0D1B9
#D0CFBB
#D0CEBC
#D0CCBE
#D0CBBF
#D0C9C1
#D0C7C3
#D1D0B9
#D1CEBB
#D1CCBD
#D1CABF
#D1C8C1
#D1C6C3
#D1C3C6
#D3CEB9
#D3CBBC
#D3C9BE
#D3C6C1
#D3C4C3
#D3C1C6
#D3BEC9
#D4CDB9
#D4CABC
#D4C7BF
#D4C3C3
#D4C0C6
#D4BDC9
#D4B9CD
Colorpallet from #CDD4B9 to #D4CDB9 and to #B9CDD4
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CED3B9
#CDD3BA
#CDD3BA
#CCD3BB
#CBD3BC
#CBD3BC
#CAD3BD
#CFD2B9
#CED2BA
#CCD2BC
#CBD2BD
#CAD2BF
#C9D2C0
#C7D2C2
#D0D1B9
#CED1BB
#CCD1BD
#CAD1BF
#C8D1C1
#C6D1C3
#C3D1C6
#D1D0B9
#CED0BC
#CCD0BE
#C9D0C1
#C6D0C4
#C3D0C7
#C0D0CA
#D3CEB9
#CFCEBD
#CCCEC0
#C8CEC4
#C5CEC7
#C1CECB
#BDCECF
#D4CDB9
#D0CDBD
#CBCDC2
#C7CDC6
#C3CDCA
#BECDCF
#B9CDD4
Colorpallet from #CDD4B9 to #D4CDB9 and to #B9D4CD
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CED3B9
#CDD3B9
#CDD3BA
#CCD3BA
#CBD4BB
#CBD4BB
#CAD4BC
#CFD2B9
#CED2BA
#CCD3BB
#CBD3BC
#CAD3BD
#C9D4BE
#C7D4BF
#D0D1B9
#CED1BB
#CCD2BC
#CAD2BE
#C8D3BF
#C6D3C1
#C3D4C3
#D1D0B9
#CED1BB
#CCD1BD
#C9D2BF
#C6D3C1
#C3D3C3
#C0D4C6
#D3CEB9
#CFCFBC
#CCD0BE
#C8D1C1
#C5D2C3
#C1D3C6
#BDD4C9
#D4CDB9
#D0CEBC
#CBCFBF
#C7D0C3
#C3D1C6
#BED3C9
#B9D4CD
Colorpallet from #CDD4B9 to #D4B9CD and to #B9CDD4
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CED0BC
#CDD0BC
#CDD1BC
#CCD1BC
#CBD2BD
#CBD2BD
#CAD3BD
#CFCBBF
#CECCBF
#CCCDC0
#CBCEC0
#CACFC1
#C9D1C1
#C7D2C2
#D0C7C3
#CEC9C3
#CCCAC4
#CACCC4
#C8CDC5
#C6CFC5
#C3D1C6
#D1C3C6
#CEC5C7
#CCC7C7
#C9C9C8
#C6CBC9
#C3CDC9
#C0D0CA
#D3BEC9
#CFC1CA
#CCC3CB
#C8C6CC
#C5C8CD
#C1CBCE
#BDCECF
#D4B9CD
#D0BCCE
#CBBFCF
#C7C3D0
#C3C6D1
#BEC9D3
#B9CDD4
Colorpallet from #CDD4B9 to #D4B9CD and to #B9D4CD
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CED0BC
#CDD1BC
#CDD1BC
#CCD2BC
#CBD3BC
#CBD3BC
#CAD4BC
#CFCBBF
#CECCBF
#CCCEBF
#CBCFBF
#CAD1BF
#C9D2BF
#C7D4BF
#D0C7C3
#CEC9C3
#CCCBC3
#CACDC3
#C8CFC3
#C6D1C3
#C3D4C3
#D1C3C6
#CEC6C6
#CCC8C6
#C9CBC6
#C6CEC6
#C3D1C6
#C0D4C6
#D3BEC9
#CFC2C9
#CCC5C9
#C8C9C9
#C5CCC9
#C1D0C9
#BDD4C9
#D4B9CD
#D0BDCD
#CBC2CD
#C7C6CD
#C3CACD
#BECFCD
#B9D4CD
Colorpallet from #CDD4B9 to #B9CDD4 and to #B9D4CD
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CDD4B9
#CAD3BD
#CAD3BD
#CAD3BD
#CAD3BD
#CAD4BC
#CAD4BC
#CAD4BC
#C7D2C2
#C7D2C2
#C7D3C1
#C7D3C1
#C7D3C0
#C7D4C0
#C7D4BF
#C3D1C6
#C3D1C6
#C3D2C5
#C3D2C5
#C3D3C4
#C3D3C4
#C3D4C3
#C0D0CA
#C0D1C9
#C0D1C9
#C0D2C8
#C0D3C7
#C0D3C7
#C0D4C6
#BDCECF
#BDCFCE
#BDD0CD
#BDD1CC
#BDD2CB
#BDD3CA
#BDD4C9
#B9CDD4
#B9CED3
#B9CFD2
#B9D0D1
#B9D1D0
#B9D3CE
#B9D4CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts