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 #CDCAE2 to #CDE2CA and to #CACDE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCEDE
#CDCDDF
#CDCDDF
#CDCCE0
#CDCBE1
#CDCBE1
#CDCAE2
#CDD2DA
#CDD1DB
#CDD0DD
#CDCFDE
#CCCEDF
#CCCCE0
#CCCBE2
#CDD6D6
#CDD4D8
#CDD2DA
#CDD1DC
#CCCFDE
#CCCDE0
#CCCBE2
#CDD9D3
#CDD7D5
#CCD5D8
#CCD3DA
#CCD1DD
#CBCFDF
#CBCCE2
#CDDDCF
#CDDAD2
#CCD8D5
#CCD5D8
#CCD2DB
#CBCFDE
#CBCCE2
#CDE2CA
#CDDFCE
#CCDBD2
#CCD8D6
#CBD5D9
#CBD1DD
#CACDE2
Colorpallet from #CDCAE2 to #CDE2CA and to #CAE2CD
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCEDE
#CDCEDE
#CDCEDE
#CDCEDE
#CDCEDF
#CDCEDF
#CDCEDF
#CDD2DA
#CDD2DA
#CDD2DA
#CDD2DA
#CCD2DB
#CCD2DB
#CCD2DB
#CDD6D6
#CDD6D6
#CDD6D7
#CDD6D7
#CCD6D7
#CCD6D8
#CCD6D8
#CDD9D3
#CDD9D3
#CCD9D4
#CCD9D4
#CCD9D4
#CBD9D5
#CBD9D5
#CDDDCF
#CDDDCF
#CCDDD0
#CCDDD0
#CCDDD0
#CBDDD1
#CBDDD1
#CDE2CA
#CDE2CA
#CCE2CB
#CCE2CB
#CBE2CC
#CBE2CC
#CAE2CD
Colorpallet from #CDCAE2 to #CDE2CA and to #E2CDCA
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCEDE
#CDCDDE
#CECDDE
#CECCDE
#CFCBDE
#CFCBDE
#D0CADE
#CDD2DA
#CED1DA
#CFD0DA
#D0CFDA
#D1CEDA
#D3CCDA
#D4CBDA
#CDD6D6
#CFD4D6
#D0D2D6
#D2D1D6
#D3CFD6
#D5CDD6
#D7CBD6
#CDD9D3
#CFD7D3
#D1D5D3
#D3D3D3
#D5D1D3
#D7CFD3
#DACCD3
#CDDDCF
#D0DACF
#D2D8CF
#D5D5CF
#D8D2CF
#DBCFCF
#DECCCF
#CDE2CA
#D0DFCA
#D4DBCA
#D7D8CA
#DAD5CA
#DED1CA
#E2CDCA
Colorpallet from #CDCAE2 to #CDE2CA and to #E2CACD
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCEDE
#CDCDDE
#CECDDE
#CECCDE
#CFCBDF
#CFCBDF
#D0CADF
#CDD2DA
#CED1DA
#CFCFDA
#D0CEDA
#D1CDDB
#D3CCDB
#D4CADB
#CDD6D6
#CFD4D6
#D0D2D7
#D2D0D7
#D3CED7
#D5CCD8
#D7CAD8
#CDD9D3
#CFD7D3
#D1D4D4
#D3D2D4
#D5CFD4
#D7CDD5
#DACAD5
#CDDDCF
#D0DACF
#D2D7D0
#D5D4D0
#D8D1D0
#DBCED1
#DECAD1
#CDE2CA
#D0DECA
#D4DACB
#D7D6CB
#DAD3CC
#DECFCC
#E2CACD
Colorpallet from #CDCAE2 to #CACDE2 and to #CAE2CD
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCBE2
#CDCBE1
#CDCCE1
#CDCDE0
#CDCDE0
#CDCEDF
#CCCBE2
#CCCCE1
#CCCDE0
#CCCEDF
#CCCFDE
#CCD1DC
#CCD2DB
#CCCBE2
#CCCDE0
#CCCFDF
#CCD0DD
#CCD2DC
#CCD4DA
#CCD6D8
#CBCCE2
#CBCEE0
#CBD0DE
#CBD2DC
#CBD4DA
#CBD6D8
#CBD9D5
#CBCCE2
#CBCFDF
#CBD1DD
#CBD4DA
#CBD7D7
#CBDAD4
#CBDDD1
#CACDE2
#CAD0DF
#CAD4DB
#CAD7D8
#CADAD5
#CADED1
#CAE2CD
Colorpallet from #CDCAE2 to #CACDE2 and to #E2CDCA
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE1
#CECAE1
#CECAE0
#CFCADF
#CFCADF
#D0CADE
#CCCBE2
#CDCBE1
#CFCBDF
#D0CBDE
#D1CBDD
#D2CBDC
#D4CBDA
#CCCBE2
#CECBE0
#D0CBDE
#D1CBDC
#D3CBDA
#D5CBD8
#D7CBD6
#CBCCE2
#CDCCE0
#D0CCDD
#D2CCDB
#D5CCD8
#D7CCD6
#DACCD3
#CBCCE2
#CECCDF
#D1CCDC
#D4CCD9
#D7CCD6
#DACCD3
#DECCCF
#CACDE2
#CECDDE
#D2CDDA
#D6CDD6
#D9CDD3
#DDCDCF
#E2CDCA
Colorpallet from #CDCAE2 to #CACDE2 and to #E2CACD
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CECAE1
#CECAE1
#CFCAE0
#CFCAE0
#D0CADF
#CCCBE2
#CDCBE1
#CFCBE0
#D0CBDF
#D1CADE
#D2CADC
#D4CADB
#CCCBE2
#CECBE0
#D0CBDF
#D1CBDD
#D3CADC
#D5CADA
#D7CAD8
#CBCCE2
#CDCCE0
#D0CBDE
#D2CBDC
#D5CBDA
#D7CAD8
#DACAD5
#CBCCE2
#CECCDF
#D1CBDD
#D4CBDA
#D7CBD7
#DACAD4
#DECAD1
#CACDE2
#CECDDF
#D2CCDB
#D6CCD8
#D9CBD5
#DDCBD1
#E2CACD
Colorpallet from #CDCAE2 to #CAE2CD and to #E2CDCA
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCEDF
#CDCDDF
#CECDDF
#CECCDF
#CFCBDE
#CFCBDE
#D0CADE
#CCD2DB
#CDD1DB
#CFD0DB
#D0CFDB
#D1CEDA
#D2CCDA
#D4CBDA
#CCD6D8
#CED4D8
#D0D2D7
#D1D1D7
#D3CFD7
#D5CDD6
#D7CBD6
#CBD9D5
#CDD7D5
#D0D5D4
#D2D3D4
#D5D1D4
#D7CFD3
#DACCD3
#CBDDD1
#CEDAD1
#D1D8D0
#D4D5D0
#D7D2D0
#DACFCF
#DECCCF
#CAE2CD
#CEDFCD
#D2DBCC
#D6D8CC
#D9D5CB
#DDD1CB
#E2CDCA
Colorpallet from #CDCAE2 to #CAE2CD and to #E2CACD
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCEDF
#CDCDDF
#CECDDF
#CECCDF
#CFCBDF
#CFCBDF
#D0CADF
#CCD2DB
#CDD1DB
#CFCFDB
#D0CEDB
#D1CDDB
#D2CCDB
#D4CADB
#CCD6D8
#CED4D8
#D0D2D8
#D1D0D8
#D3CED8
#D5CCD8
#D7CAD8
#CBD9D5
#CDD7D5
#D0D4D5
#D2D2D5
#D5CFD5
#D7CDD5
#DACAD5
#CBDDD1
#CEDAD1
#D1D7D1
#D4D4D1
#D7D1D1
#DACED1
#DECAD1
#CAE2CD
#CEDECD
#D2DACD
#D6D6CD
#D9D3CD
#DDCFCD
#E2CACD
Colorpallet from #CDCAE2 to #E2CDCA and to #E2CACD
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#CDCAE2
#D0CADE
#D0CADE
#D0CADE
#D0CADE
#D0CADF
#D0CADF
#D0CADF
#D4CBDA
#D4CBDA
#D4CBDA
#D4CBDA
#D4CADB
#D4CADB
#D4CADB
#D7CBD6
#D7CBD6
#D7CBD7
#D7CBD7
#D7CAD7
#D7CAD8
#D7CAD8
#DACCD3
#DACCD3
#DACBD4
#DACBD4
#DACBD4
#DACAD5
#DACAD5
#DECCCF
#DECCCF
#DECBD0
#DECBD0
#DECBD0
#DECAD1
#DECAD1
#E2CDCA
#E2CDCA
#E2CCCB
#E2CCCB
#E2CBCC
#E2CBCC
#E2CACD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts