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 #D8CAED to #D8EDCA and to #CAD8ED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8D0E7
#D8CFE8
#D7CFE9
#D7CEEA
#D7CDEB
#D6CDEC
#D6CCED
#D8D5E2
#D7D4E4
#D7D3E6
#D6D2E7
#D5D1E9
#D5CFEB
#D4CEED
#D8DBDC
#D7D9DF
#D6D8E1
#D5D6E4
#D4D5E7
#D2D3EA
#D1D1ED
#D8E0D7
#D7DEDB
#D5DCDE
#D4DAE2
#D2D8E5
#D1D6E9
#CFD3ED
#D8E6D1
#D6E3D5
#D4E1DA
#D3DEDE
#D1DBE3
#CFD8E7
#CDD5ED
#D8EDCA
#D6EAD0
#D4E6D5
#D1E3DB
#CFE0E0
#CDDCE6
#CAD8ED
Colorpallet from #D8CAED to #D8EDCA and to #CAEDD8
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8D0E7
#D8D0E7
#D7D0E8
#D7D0E8
#D7D0E9
#D6D0E9
#D6D0EA
#D8D5E2
#D7D5E3
#D7D5E3
#D6D5E4
#D5D5E5
#D5D5E5
#D4D5E6
#D8DBDC
#D7DBDD
#D6DBDE
#D5DBDF
#D4DBE0
#D2DBE2
#D1DBE3
#D8E0D7
#D7E0D8
#D5E0DA
#D4E0DB
#D2E0DD
#D1E0DE
#CFE0E0
#D8E6D1
#D6E6D3
#D4E6D5
#D3E6D6
#D1E6D8
#CFE6DA
#CDE6DC
#D8EDCA
#D6EDCC
#D4EDCE
#D1EDD1
#CFEDD3
#CDEDD5
#CAEDD8
Colorpallet from #D8CAED to #D8EDCA and to #EDD8CA
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8D0E7
#D8CFE7
#D9CFE7
#D9CEE7
#DACDE7
#DACDE7
#DBCCE7
#D8D5E2
#D9D4E2
#DAD3E2
#DBD2E2
#DCD1E2
#DECFE2
#DFCEE2
#D8DBDC
#DAD9DC
#DBD8DC
#DDD6DC
#DED5DC
#E0D3DC
#E2D1DC
#D8E0D7
#DADED7
#DCDCD7
#DEDAD7
#E0D8D7
#E2D6D7
#E5D3D7
#D8E6D1
#DBE3D1
#DDE1D1
#E0DED1
#E3DBD1
#E6D8D1
#E9D5D1
#D8EDCA
#DBEACA
#DFE6CA
#E2E3CA
#E5E0CA
#E9DCCA
#EDD8CA
Colorpallet from #D8CAED to #D8EDCA and to #EDCAD8
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8D0E7
#D8CFE7
#D9CEE8
#D9CDE8
#DACCE9
#DACBE9
#DBCAEA
#D8D5E2
#D9D3E3
#DAD1E3
#DBD0E4
#DCCEE5
#DECCE5
#DFCAE6
#D8DBDC
#DAD8DD
#DBD6DE
#DDD3DF
#DED0E0
#E0CDE2
#E2CAE3
#D8E0D7
#DADCD8
#DCD9DA
#DED5DB
#E0D2DD
#E2CEDE
#E5CAE0
#D8E6D1
#DBE2D3
#DDDDD5
#E0D9D6
#E3D4D8
#E6D0DA
#E9CADC
#D8EDCA
#DBE7CC
#DFE2CE
#E2DCD1
#E5D7D3
#E9D1D5
#EDCAD8
Colorpallet from #D8CAED to #CAD8ED and to #CAEDD8
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D6CCED
#D6CDED
#D6CDEC
#D6CEEC
#D6CFEB
#D6CFEB
#D6D0EA
#D4CEED
#D4CFEC
#D4D0EB
#D4D1EA
#D4D2E9
#D4D4E7
#D4D5E6
#D1D1ED
#D1D3EB
#D1D4EA
#D1D6E8
#D1D7E7
#D1D9E5
#D1DBE3
#CFD3ED
#CFD5EB
#CFD7E9
#CFD9E7
#CFDBE5
#CFDDE3
#CFE0E0
#CDD5ED
#CDD8EA
#CDDAE8
#CDDDE5
#CDE0E2
#CDE3DF
#CDE6DC
#CAD8ED
#CADBEA
#CADFE6
#CAE2E3
#CAE5E0
#CAE9DC
#CAEDD8
Colorpallet from #D8CAED to #CAD8ED and to #EDD8CA
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D6CCED
#D7CCEC
#D8CCEB
#D8CCEA
#D9CCE9
#DACCE8
#DBCCE7
#D4CEED
#D6CEEB
#D8CEE9
#D9CEE8
#DBCEE6
#DDCEE4
#DFCEE2
#D1D1ED
#D4D1EA
#D6D1E8
#D9D1E5
#DCD1E2
#DFD1DF
#E2D1DC
#CFD3ED
#D3D3E9
#D6D3E6
#DAD3E2
#DDD3DF
#E1D3DB
#E5D3D7
#CDD5ED
#D1D5E9
#D6D5E4
#DAD5E0
#DFD5DB
#E3D5D7
#E9D5D1
#CAD8ED
#D0D8E7
#D5D8E2
#DBD8DC
#E0D8D7
#E6D8D1
#EDD8CA
Colorpallet from #D8CAED to #CAD8ED and to #EDCAD8
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D6CCED
#D7CCED
#D8CBEC
#D8CBEC
#D9CBEB
#DACAEB
#DBCAEA
#D4CEED
#D6CDEC
#D8CDEB
#D9CCEA
#DBCBE9
#DDCBE7
#DFCAE6
#D1D1ED
#D4D0EB
#D6CFEA
#D9CEE8
#DCCDE7
#DFCBE5
#E2CAE3
#CFD3ED
#D3D2EB
#D6D0E9
#DACFE7
#DDCDE5
#E1CCE3
#E5CAE0
#CDD5ED
#D1D3EA
#D6D1E8
#DAD0E5
#DFCEE2
#E3CCDF
#E9CADC
#CAD8ED
#D0D6EA
#D5D4E6
#DBD1E3
#E0CFE0
#E6CDDC
#EDCAD8
Colorpallet from #D8CAED to #CAEDD8 and to #EDD8CA
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D6D0EA
#D7CFEA
#D8CFE9
#D8CEE9
#D9CDE8
#DACDE8
#DBCCE7
#D4D5E6
#D6D4E5
#D8D3E5
#D9D2E4
#DBD1E3
#DDCFE3
#DFCEE2
#D1DBE3
#D4D9E2
#D6D8E1
#D9D6E0
#DCD5DF
#DFD3DD
#E2D1DC
#CFE0E0
#D3DEDF
#D6DCDD
#DADADC
#DDD8DA
#E1D6D9
#E5D3D7
#CDE6DC
#D1E3DA
#D6E1D8
#DADED7
#DFDBD5
#E3D8D3
#E9D5D1
#CAEDD8
#D0EAD6
#D5E6D4
#DBE3D1
#E0E0CF
#E6DCCD
#EDD8CA
Colorpallet from #D8CAED to #CAEDD8 and to #EDCAD8
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D6D0EA
#D7CFEA
#D8CEEA
#D8CDEA
#D9CCEA
#DACBEA
#DBCAEA
#D4D5E6
#D6D3E6
#D8D1E6
#D9D0E6
#DBCEE6
#DDCCE6
#DFCAE6
#D1DBE3
#D4D8E3
#D6D6E3
#D9D3E3
#DCD0E3
#DFCDE3
#E2CAE3
#CFE0E0
#D3DCE0
#D6D9E0
#DAD5E0
#DDD2E0
#E1CEE0
#E5CAE0
#CDE6DC
#D1E2DC
#D6DDDC
#DAD9DC
#DFD4DC
#E3D0DC
#E9CADC
#CAEDD8
#D0E7D8
#D5E2D8
#DBDCD8
#E0D7D8
#E6D1D8
#EDCAD8
Colorpallet from #D8CAED to #EDD8CA and to #EDCAD8
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#D8CAED
#DBCCE7
#DBCCE7
#DBCBE8
#DBCBE8
#DBCBE9
#DBCAE9
#DBCAEA
#DFCEE2
#DFCDE3
#DFCDE3
#DFCCE4
#DFCBE5
#DFCBE5
#DFCAE6
#E2D1DC
#E2D0DD
#E2CFDE
#E2CEDF
#E2CDE0
#E2CBE2
#E2CAE3
#E5D3D7
#E5D2D8
#E5D0DA
#E5CFDB
#E5CDDD
#E5CCDE
#E5CAE0
#E9D5D1
#E9D3D3
#E9D1D5
#E9D0D6
#E9CED8
#E9CCDA
#E9CADC
#EDD8CA
#EDD6CC
#EDD4CE
#EDD1D1
#EDCFD3
#EDCDD5
#EDCAD8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts