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 #CDD4B8 to #CDB8D4 and to #D4CDB8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD0BC
#CDD0BB
#CDD1BB
#CDD1BA
#CED2B9
#CED2B9
#CED3B8
#CDCBC1
#CDCCC0
#CECDBE
#CECEBD
#CECFBB
#CFD1BA
#CFD2B8
#CDC7C5
#CDC9C3
#CECAC1
#CECCBF
#CFCDBD
#CFCFBB
#D0D1B8
#CDC2CA
#CEC4C7
#CEC6C4
#CFC9C1
#D0CBBE
#D0CDBC
#D1D0B8
#CDBECE
#CEC1CA
#CFC3C7
#D0C6C3
#D1C8C0
#D2CBBC
#D3CEB8
#CDB8D4
#CEBBD0
#CFBFCB
#D0C2C7
#D1C5C2
#D3C9BE
#D4CDB8
Colorpallet from #CDD4B8 to #CDB8D4 and to #D4B8CD
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD0BC
#CDD0BC
#CDD0BC
#CDD0BC
#CED0BB
#CED0BB
#CED0BB
#CDCBC1
#CDCBC1
#CECBC0
#CECBC0
#CECBC0
#CFCBBF
#CFCBBF
#CDC7C5
#CDC7C5
#CEC7C4
#CEC7C4
#CFC7C3
#CFC7C3
#D0C7C2
#CDC2CA
#CEC2C9
#CEC2C8
#CFC2C8
#D0C2C7
#D0C2C6
#D1C2C5
#CDBECE
#CEBECD
#CFBECC
#D0BECC
#D1BECB
#D2BECA
#D3BEC9
#CDB8D4
#CEB8D3
#CFB8D2
#D0B8D1
#D1B8D0
#D3B8CE
#D4B8CD
Colorpallet from #CDD4B8 to #CDB8D4 and to #B8CDD4
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD0BC
#CDD0BC
#CCD1BC
#CCD1BC
#CBD2BC
#CBD2BC
#CAD3BC
#CDCBC1
#CCCCC1
#CBCDC1
#CACEC1
#C9CFC1
#C7D1C1
#C6D2C1
#CDC7C5
#CBC9C5
#CACAC5
#C8CCC5
#C7CDC5
#C5CFC5
#C3D1C5
#CDC2CA
#CBC4CA
#C9C6CA
#C7C9CA
#C5CBCA
#C3CDCA
#C0D0CA
#CDBECE
#CAC1CE
#C8C3CE
#C5C6CE
#C2C8CE
#BFCBCE
#BCCECE
#CDB8D4
#CABBD4
#C6BFD4
#C3C2D4
#C0C5D4
#BCC9D4
#B8CDD4
Colorpallet from #CDD4B8 to #CDB8D4 and to #B8D4CD
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD0BC
#CDD1BC
#CCD1BC
#CCD2BC
#CBD3BB
#CBD3BB
#CAD4BB
#CDCBC1
#CCCCC1
#CBCEC0
#CACFC0
#C9D1C0
#C7D2BF
#C6D4BF
#CDC7C5
#CBC9C5
#CACBC4
#C8CDC4
#C7CFC3
#C5D1C3
#C3D4C2
#CDC2CA
#CBC5C9
#C9C8C8
#C7CBC8
#C5CEC7
#C3D0C6
#C0D4C5
#CDBECE
#CAC2CD
#C8C5CC
#C5C9CC
#C2CCCB
#BFD0CA
#BCD4C9
#CDB8D4
#CABCD3
#C6C1D2
#C3C5D1
#C0CAD0
#BCCECE
#B8D4CD
Colorpallet from #CDD4B8 to #D4CDB8 and to #D4B8CD
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CED3B8
#CED3B8
#CED2B9
#CED2B9
#CED1BA
#CED1BA
#CED0BB
#CFD2B8
#CFD1B9
#CFD0BA
#CFCFBB
#CFCEBC
#CFCCBE
#CFCBBF
#D0D1B8
#D0CFBA
#D0CEBB
#D0CCBD
#D0CBBE
#D0C9C0
#D0C7C2
#D1D0B8
#D1CEBA
#D1CCBC
#D1C9BE
#D1C7C0
#D1C5C2
#D1C2C5
#D3CEB8
#D3CBBB
#D3C9BD
#D3C6C0
#D3C4C3
#D3C1C6
#D3BEC9
#D4CDB8
#D4CABB
#D4C6BF
#D4C3C2
#D4C0C5
#D4BCC9
#D4B8CD
Colorpallet from #CDD4B8 to #D4CDB8 and to #B8CDD4
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CED3B8
#CDD3B9
#CDD3B9
#CCD3BA
#CBD3BB
#CBD3BB
#CAD3BC
#CFD2B8
#CED2B9
#CCD2BB
#CBD2BC
#C9D2BE
#C8D2BF
#C6D2C1
#D0D1B8
#CED1BA
#CCD1BC
#CAD1BE
#C8D1C0
#C6D1C2
#C3D1C5
#D1D0B8
#CED0BB
#CCD0BE
#C9D0C1
#C6D0C4
#C3D0C6
#C0D0CA
#D3CEB8
#CFCEBC
#CCCEBF
#C8CEC3
#C4CEC6
#C1CECA
#BCCECE
#D4CDB8
#D0CDBC
#CBCDC1
#C7CDC5
#C2CDCA
#BECDCE
#B8CDD4
Colorpallet from #CDD4B8 to #D4CDB8 and to #B8D4CD
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CED3B8
#CDD3B8
#CDD3B9
#CCD3B9
#CBD4BA
#CBD4BA
#CAD4BB
#CFD2B8
#CED2B9
#CCD3BA
#CBD3BB
#C9D3BC
#C8D4BE
#C6D4BF
#D0D1B8
#CED1BA
#CCD2BB
#CAD2BD
#C8D3BE
#C6D3C0
#C3D4C2
#D1D0B8
#CED1BA
#CCD1BC
#C9D2BE
#C6D3C0
#C3D3C2
#C0D4C5
#D3CEB8
#CFCFBB
#CCD0BD
#C8D1C0
#C4D2C3
#C1D3C6
#BCD4C9
#D4CDB8
#D0CEBB
#CBCFBF
#C7D0C2
#C2D1C5
#BED3C9
#B8D4CD
Colorpallet from #CDD4B8 to #D4B8CD and to #B8CDD4
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CED0BB
#CDD0BB
#CDD1BB
#CCD1BB
#CBD2BC
#CBD2BC
#CAD3BC
#CFCBBF
#CECCBF
#CCCDC0
#CBCEC0
#C9CFC0
#C8D1C1
#C6D2C1
#D0C7C2
#CEC9C2
#CCCAC3
#CACCC3
#C8CDC4
#C6CFC4
#C3D1C5
#D1C2C5
#CEC4C6
#CCC6C7
#C9C9C7
#C6CBC8
#C3CDC9
#C0D0CA
#D3BEC9
#CFC1CA
#CCC3CB
#C8C6CB
#C4C8CC
#C1CBCD
#BCCECE
#D4B8CD
#D0BBCE
#CBBFCF
#C7C2D0
#C2C5D1
#BEC9D3
#B8CDD4
Colorpallet from #CDD4B8 to #D4B8CD and to #B8D4CD
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CED0BB
#CDD1BB
#CDD1BB
#CCD2BB
#CBD3BB
#CBD3BB
#CAD4BB
#CFCBBF
#CECCBF
#CCCEBF
#CBCFBF
#C9D1BF
#C8D2BF
#C6D4BF
#D0C7C2
#CEC9C2
#CCCBC2
#CACDC2
#C8CFC2
#C6D1C2
#C3D4C2
#D1C2C5
#CEC5C5
#CCC8C5
#C9CBC5
#C6CEC5
#C3D0C5
#C0D4C5
#D3BEC9
#CFC2C9
#CCC5C9
#C8C9C9
#C4CCC9
#C1D0C9
#BCD4C9
#D4B8CD
#D0BCCD
#CBC1CD
#C7C5CD
#C2CACD
#BECECD
#B8D4CD
Colorpallet from #CDD4B8 to #B8CDD4 and to #B8D4CD
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CDD4B8
#CAD3BC
#CAD3BC
#CAD3BC
#CAD3BC
#CAD4BB
#CAD4BB
#CAD4BB
#C6D2C1
#C6D2C1
#C6D3C0
#C6D3C0
#C6D3C0
#C6D4BF
#C6D4BF
#C3D1C5
#C3D1C5
#C3D2C4
#C3D2C4
#C3D3C3
#C3D3C3
#C3D4C2
#C0D0CA
#C0D1C9
#C0D1C8
#C0D2C8
#C0D3C7
#C0D3C6
#C0D4C5
#BCCECE
#BCCFCD
#BCD0CC
#BCD1CC
#BCD2CB
#BCD3CA
#BCD4C9
#B8CDD4
#B8CED3
#B8CFD2
#B8D0D1
#B8D1D0
#B8D3CE
#B8D4CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts