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 #C2D2EA to #C2EAD2 and to #D2C2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D6E6
#C2D5E7
#C3D4E7
#C3D3E8
#C4D2E9
#C4D0E9
#C5CFEA
#C2DAE2
#C3D8E3
#C4D6E5
#C4D4E6
#C5D2E7
#C6D0E8
#C7CDEA
#C2DEDE
#C3DBE0
#C5D8E2
#C6D4E4
#C7D1E6
#C8CEE8
#CACAEA
#C2E1DB
#C4DDDD
#C5D9E0
#C7D5E2
#C8D1E5
#CACDE7
#CCC8EA
#C2E5D7
#C4E0DA
#C6DBDD
#C8D6E0
#CAD1E3
#CCCBE6
#CFC5EA
#C2EAD2
#C5E4D6
#C7DDDA
#CAD7DE
#CCD0E1
#CFCAE5
#D2C2EA
Colorpallet from #C2D2EA to #C2EAD2 and to #D2EAC2
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D6E6
#C2D6E6
#C3D6E5
#C3D6E5
#C4D6E5
#C4D6E4
#C5D6E4
#C2DAE2
#C3DAE1
#C4DAE0
#C4DAE0
#C5DADF
#C6DADE
#C7DADD
#C2DEDE
#C3DEDD
#C5DEDC
#C6DEDB
#C7DEDA
#C8DED8
#CADED7
#C2E1DB
#C4E1D9
#C5E1D7
#C7E1D6
#C8E1D4
#CAE1D2
#CCE1D0
#C2E5D7
#C4E5D5
#C6E5D3
#C8E5D1
#CAE5CF
#CCE5CD
#CFE5CA
#C2EAD2
#C5EACF
#C7EACD
#CAEACA
#CCEAC8
#CFEAC5
#D2EAC2
Colorpallet from #C2D2EA to #C2EAD2 and to #EAC2D2
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D6E6
#C3D5E6
#C4D4E6
#C5D3E6
#C6D2E6
#C7D0E6
#C8CFE6
#C2DAE2
#C4D8E2
#C6D6E2
#C8D4E2
#CAD2E2
#CCD0E2
#CFCDE2
#C2DEDE
#C5DBDE
#C8D8DE
#CBD4DE
#CED1DE
#D1CEDE
#D5CADE
#C2E1DB
#C6DDDB
#CAD9DB
#CED5DB
#D3D1DB
#D7CDDB
#DCC8DB
#C2E5D7
#C7E0D7
#CCDBD7
#D1D6D7
#D6D1D7
#DCCBD7
#E2C5D7
#C2EAD2
#C8E4D2
#CFDDD2
#D5D7D2
#DCD0D2
#E2CAD2
#EAC2D2
Colorpallet from #C2D2EA to #C2EAD2 and to #EAD2C2
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D6E6
#C3D5E6
#C4D5E5
#C5D4E5
#C6D3E5
#C7D3E4
#C8D2E4
#C2DAE2
#C4D9E1
#C6D7E0
#C8D6E0
#CAD5DF
#CCD4DE
#CFD2DD
#C2DEDE
#C5DCDD
#C8DADC
#CBD8DB
#CED6DA
#D1D4D8
#D5D2D7
#C2E1DB
#C6DFD9
#CADCD7
#CEDAD6
#D3D7D4
#D7D5D2
#DCD2D0
#C2E5D7
#C7E2D5
#CCDFD3
#D1DCD1
#D6D9CF
#DCD6CD
#E2D2CA
#C2EAD2
#C8E6CF
#CFE2CD
#D5DECA
#DCDBC8
#E2D7C5
#EAD2C2
Colorpallet from #C2D2EA to #D2C2EA and to #D2EAC2
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C5CFEA
#C5D0E9
#C5D1E8
#C5D2E7
#C5D3E6
#C5D5E5
#C5D6E4
#C7CDEA
#C7CFE8
#C7D1E6
#C7D3E4
#C7D5E2
#C7D7E0
#C7DADD
#CACAEA
#CACDE7
#CAD0E4
#CAD4E1
#CAD7DE
#CADADB
#CADED7
#CCC8EA
#CCCCE6
#CCD0E2
#CCD4DE
#CCD8D9
#CCDCD5
#CCE1D0
#CFC5EA
#CFCAE5
#CFCFE0
#CFD4DB
#CFD9D6
#CFDFD0
#CFE5CA
#D2C2EA
#D2C8E4
#D2CFDD
#D2D5D7
#D2DCD0
#D2E2CA
#D2EAC2
Colorpallet from #C2D2EA to #D2C2EA and to #EAC2D2
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C5CFEA
#C5CFE9
#C6CFE9
#C6CFE8
#C7CFE7
#C7CFE7
#C8CFE6
#C7CDEA
#C8CDE9
#CACDE7
#CBCDE6
#CCCDE5
#CDCDE4
#CFCDE2
#CACAEA
#CCCAE8
#CECAE6
#CFCAE4
#D1CAE2
#D3CAE0
#D5CADE
#CCC8EA
#CFC8E8
#D1C8E5
#D4C8E3
#D6C8E0
#D9C8DE
#DCC8DB
#CFC5EA
#D2C5E7
#D5C5E4
#D8C5E1
#DBC5DE
#DEC5DB
#E2C5D7
#D2C2EA
#D6C2E6
#DAC2E2
#DEC2DE
#E1C2DB
#E5C2D7
#EAC2D2
Colorpallet from #C2D2EA to #D2C2EA and to #EAD2C2
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C5CFEA
#C5CFE9
#C6D0E8
#C6D0E7
#C7D1E6
#C7D1E5
#C8D2E4
#C7CDEA
#C8CEE8
#CACFE6
#CBCFE4
#CCD0E2
#CDD1E0
#CFD2DD
#CACAEA
#CCCBE7
#CECDE4
#CFCEE1
#D1CFDE
#D3D0DB
#D5D2D7
#CCC8EA
#CFCAE6
#D1CBE2
#D4CDDE
#D6CED9
#D9D0D5
#DCD2D0
#CFC5EA
#D2C7E5
#D5C9E0
#D8CBDB
#DBCDD6
#DECFD0
#E2D2CA
#D2C2EA
#D6C5E4
#DAC7DD
#DECAD7
#E1CCD0
#E5CFCA
#EAD2C2
Colorpallet from #C2D2EA to #D2EAC2 and to #EAC2D2
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C5D6E4
#C5D5E4
#C6D4E5
#C6D3E5
#C7D2E5
#C7D0E6
#C8CFE6
#C7DADD
#C8D8DE
#CAD6DF
#CBD4DF
#CCD2E0
#CDD0E1
#CFCDE2
#CADED7
#CCDBD8
#CED8D9
#CFD4DA
#D1D1DB
#D3CEDD
#D5CADE
#CCE1D0
#CFDDD2
#D1D9D4
#D4D5D5
#D6D1D7
#D9CDD9
#DCC8DB
#CFE5CA
#D2E0CC
#D5DBCE
#D8D6D0
#DBD1D2
#DECBD4
#E2C5D7
#D2EAC2
#D6E4C5
#DADDC7
#DED7CA
#E1D0CC
#E5CACF
#EAC2D2
Colorpallet from #C2D2EA to #D2EAC2 and to #EAD2C2
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C5D6E4
#C5D5E4
#C6D5E4
#C6D4E4
#C7D3E4
#C7D3E4
#C8D2E4
#C7DADD
#C8D9DD
#CAD7DD
#CBD6DD
#CCD5DD
#CDD4DD
#CFD2DD
#CADED7
#CCDCD7
#CEDAD7
#CFD8D7
#D1D6D7
#D3D4D7
#D5D2D7
#CCE1D0
#CFDFD0
#D1DCD0
#D4DAD0
#D6D7D0
#D9D5D0
#DCD2D0
#CFE5CA
#D2E2CA
#D5DFCA
#D8DCCA
#DBD9CA
#DED6CA
#E2D2CA
#D2EAC2
#D6E6C2
#DAE2C2
#DEDEC2
#E1DBC2
#E5D7C2
#EAD2C2
Colorpallet from #C2D2EA to #EAC2D2 and to #EAD2C2
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C2D2EA
#C8CFE6
#C8CFE6
#C8D0E5
#C8D0E5
#C8D1E5
#C8D1E4
#C8D2E4
#CFCDE2
#CFCEE1
#CFCFE0
#CFCFE0
#CFD0DF
#CFD1DE
#CFD2DD
#D5CADE
#D5CBDD
#D5CDDC
#D5CEDB
#D5CFDA
#D5D0D8
#D5D2D7
#DCC8DB
#DCCAD9
#DCCBD7
#DCCDD6
#DCCED4
#DCD0D2
#DCD2D0
#E2C5D7
#E2C7D5
#E2C9D3
#E2CBD1
#E2CDCF
#E2CFCD
#E2D2CA
#EAC2D2
#EAC5CF
#EAC7CD
#EACACA
#EACCC8
#EACFC5
#EAD2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts