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 #CDD3BA to #CDBAD3 and to #D3CDBA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDCFBE
#CDCFBD
#CDD0BD
#CDD0BC
#CED1BB
#CED1BB
#CED2BA
#CDCBC2
#CDCCC1
#CECDBF
#CECEBE
#CECFBD
#CFD0BC
#CFD1BA
#CDC7C6
#CDC8C4
#CECAC2
#CECBC0
#CFCDBE
#CFCEBC
#D0D0BA
#CDC3CA
#CEC5C7
#CEC7C5
#CFC9C2
#D0CBC0
#D0CDBD
#D1CFBA
#CDBFCE
#CEC1CB
#CFC4C8
#CFC6C4
#D0C9C1
#D1CBBE
#D2CEBA
#CDBAD3
#CEBDCF
#CFC0CB
#D0C3C7
#D1C6C3
#D2C9BF
#D3CDBA
Colorpallet from #CDD3BA to #CDBAD3 and to #D3BACD
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDCFBE
#CDCFBE
#CDCFBE
#CDCFBE
#CECFBD
#CECFBD
#CECFBD
#CDCBC2
#CDCBC2
#CECBC1
#CECBC1
#CECBC1
#CFCBC0
#CFCBC0
#CDC7C6
#CDC7C6
#CEC7C5
#CEC7C5
#CFC7C4
#CFC7C4
#D0C7C3
#CDC3CA
#CEC3C9
#CEC3C9
#CFC3C8
#D0C3C7
#D0C3C7
#D1C3C6
#CDBFCE
#CEBFCD
#CFBFCC
#CFBFCC
#D0BFCB
#D1BFCA
#D2BFC9
#CDBAD3
#CEBAD2
#CFBAD1
#D0BAD0
#D1BACF
#D2BACE
#D3BACD
Colorpallet from #CDD3BA to #CDBAD3 and to #BACDD3
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDCFBE
#CDCFBE
#CCD0BE
#CCD0BE
#CBD1BE
#CBD1BE
#CAD2BE
#CDCBC2
#CCCCC2
#CBCDC2
#CACEC2
#C9CFC2
#C8D0C2
#C7D1C2
#CDC7C6
#CCC8C6
#CACAC6
#C9CBC6
#C7CDC6
#C6CEC6
#C4D0C6
#CDC3CA
#CBC5CA
#C9C7CA
#C7C9CA
#C5CBCA
#C3CDCA
#C1CFCA
#CDBFCE
#CBC1CE
#C8C4CE
#C6C6CE
#C3C9CE
#C1CBCE
#BECECE
#CDBAD3
#CABDD3
#C7C0D3
#C4C3D3
#C1C6D3
#BEC9D3
#BACDD3
Colorpallet from #CDD3BA to #CDBAD3 and to #BAD3CD
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDCFBE
#CDD0BE
#CCD0BE
#CCD1BE
#CBD2BD
#CBD2BD
#CAD3BD
#CDCBC2
#CCCCC2
#CBCEC1
#CACFC1
#C9D0C1
#C8D1C0
#C7D3C0
#CDC7C6
#CCC9C6
#CACBC5
#C9CDC5
#C7CFC4
#C6D1C4
#C4D3C3
#CDC3CA
#CBC6C9
#C9C8C9
#C7CBC8
#C5CDC7
#C3D0C7
#C1D3C6
#CDBFCE
#CBC2CD
#C8C5CC
#C6C9CC
#C3CCCB
#C1CFCA
#BED3C9
#CDBAD3
#CABED2
#C7C2D1
#C4C6D0
#C1CACF
#BECECE
#BAD3CD
Colorpallet from #CDD3BA to #D3CDBA and to #D3BACD
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CED2BA
#CED2BA
#CED1BB
#CED1BB
#CED0BC
#CED0BC
#CECFBD
#CFD1BA
#CFD0BB
#CFCFBC
#CFCEBD
#CFCDBE
#CFCCBF
#CFCBC0
#D0D0BA
#D0CFBB
#D0CDBD
#D0CCBE
#D0CAC0
#D0C9C1
#D0C7C3
#D1CFBA
#D1CDBC
#D1CBBE
#D1C9C0
#D1C7C2
#D1C5C4
#D1C3C6
#D2CEBA
#D2CCBC
#D2C9BF
#D2C7C1
#D2C4C4
#D2C2C6
#D2BFC9
#D3CDBA
#D3CABD
#D3C7C0
#D3C4C3
#D3C1C6
#D3BEC9
#D3BACD
Colorpallet from #CDD3BA to #D3CDBA and to #BACDD3
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CED2BA
#CDD2BB
#CDD2BB
#CCD2BC
#CBD2BD
#CBD2BD
#CAD2BE
#CFD1BA
#CED1BB
#CCD1BD
#CBD1BE
#CAD1BF
#C9D1C0
#C7D1C2
#D0D0BA
#CED0BC
#CCD0BE
#CAD0C0
#C8D0C2
#C6D0C4
#C4D0C6
#D1CFBA
#CECFBD
#CCCFBF
#C9CFC2
#C7CFC4
#C4CFC7
#C1CFCA
#D2CEBA
#CFCEBD
#CCCEC0
#C8CEC4
#C5CEC7
#C2CECA
#BECECE
#D3CDBA
#CFCDBE
#CBCDC2
#C7CDC6
#C3CDCA
#BFCDCE
#BACDD3
Colorpallet from #CDD3BA to #D3CDBA and to #BAD3CD
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CED2BA
#CDD2BA
#CDD2BB
#CCD2BB
#CBD3BC
#CBD3BC
#CAD3BD
#CFD1BA
#CED1BB
#CCD2BC
#CBD2BD
#CAD2BE
#C9D3BF
#C7D3C0
#D0D0BA
#CED0BB
#CCD1BD
#CAD1BE
#C8D2C0
#C6D2C1
#C4D3C3
#D1CFBA
#CED0BC
#CCD0BE
#C9D1C0
#C7D2C2
#C4D2C4
#C1D3C6
#D2CEBA
#CFCFBC
#CCD0BF
#C8D0C1
#C5D1C4
#C2D2C6
#BED3C9
#D3CDBA
#CFCEBD
#CBCFC0
#C7D0C3
#C3D1C6
#BFD2C9
#BAD3CD
Colorpallet from #CDD3BA to #D3BACD and to #BACDD3
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CECFBD
#CDCFBD
#CDD0BD
#CCD0BD
#CBD1BE
#CBD1BE
#CAD2BE
#CFCBC0
#CECCC0
#CCCDC1
#CBCEC1
#CACFC1
#C9D0C2
#C7D1C2
#D0C7C3
#CEC8C3
#CCCAC4
#CACBC4
#C8CDC5
#C6CEC5
#C4D0C6
#D1C3C6
#CEC5C7
#CCC7C7
#C9C9C8
#C7CBC9
#C4CDC9
#C1CFCA
#D2BFC9
#CFC1CA
#CCC4CB
#C8C6CB
#C5C9CC
#C2CBCD
#BECECE
#D3BACD
#CFBDCE
#CBC0CF
#C7C3D0
#C3C6D1
#BFC9D2
#BACDD3
Colorpallet from #CDD3BA to #D3BACD and to #BAD3CD
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CECFBD
#CDD0BD
#CDD0BD
#CCD1BD
#CBD2BD
#CBD2BD
#CAD3BD
#CFCBC0
#CECCC0
#CCCEC0
#CBCFC0
#CAD0C0
#C9D1C0
#C7D3C0
#D0C7C3
#CEC9C3
#CCCBC3
#CACDC3
#C8CFC3
#C6D1C3
#C4D3C3
#D1C3C6
#CEC6C6
#CCC8C6
#C9CBC6
#C7CDC6
#C4D0C6
#C1D3C6
#D2BFC9
#CFC2C9
#CCC5C9
#C8C9C9
#C5CCC9
#C2CFC9
#BED3C9
#D3BACD
#CFBECD
#CBC2CD
#C7C6CD
#C3CACD
#BFCECD
#BAD3CD
Colorpallet from #CDD3BA to #BACDD3 and to #BAD3CD
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CDD3BA
#CAD2BE
#CAD2BE
#CAD2BE
#CAD2BE
#CAD3BD
#CAD3BD
#CAD3BD
#C7D1C2
#C7D1C2
#C7D2C1
#C7D2C1
#C7D2C1
#C7D3C0
#C7D3C0
#C4D0C6
#C4D0C6
#C4D1C5
#C4D1C5
#C4D2C4
#C4D2C4
#C4D3C3
#C1CFCA
#C1D0C9
#C1D0C9
#C1D1C8
#C1D2C7
#C1D2C7
#C1D3C6
#BECECE
#BECFCD
#BED0CC
#BED0CC
#BED1CB
#BED2CA
#BED3C9
#BACDD3
#BACED2
#BACFD1
#BAD0D0
#BAD1CF
#BAD2CE
#BAD3CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts