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 #E7E4C3 to #E7C3E4 and to #E4E7C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7DFC8
#E7E0C7
#E7E1C6
#E7E1C6
#E7E2C5
#E7E3C4
#E7E4C3
#E7D9CE
#E7DBCC
#E7DDCA
#E7DFC9
#E6E1C7
#E6E3C5
#E6E5C3
#E7D4D3
#E7D7D0
#E7D9CE
#E7DCCB
#E6DFC9
#E6E2C6
#E6E5C3
#E7CFD8
#E7D3D5
#E6D6D1
#E6DACE
#E6DECB
#E5E1C7
#E5E6C3
#E7CADD
#E7CED9
#E6D3D5
#E6D7D1
#E6DCCC
#E5E0C8
#E5E6C3
#E7C3E4
#E7C9DF
#E6CFD9
#E6D4D4
#E5DACF
#E5E0CA
#E4E7C3
Colorpallet from #E7E4C3 to #E7C3E4 and to #E4C3E7
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7DFC8
#E7DFC8
#E7DFC8
#E7DFC8
#E7DFC9
#E7DFC9
#E7DFC9
#E7D9CE
#E7D9CE
#E7D9CE
#E7D9CE
#E6D9CF
#E6D9CF
#E6D9CF
#E7D4D3
#E7D4D3
#E7D4D3
#E7D4D3
#E6D4D4
#E6D4D4
#E6D4D4
#E7CFD8
#E7CFD8
#E6CFD9
#E6CFD9
#E6CFD9
#E5CFDA
#E5CFDA
#E7CADD
#E7CADD
#E6CADE
#E6CADE
#E6CADF
#E5CADF
#E5CAE0
#E7C3E4
#E7C3E4
#E6C3E5
#E6C3E5
#E5C3E6
#E5C3E6
#E4C3E7
Colorpallet from #E7E4C3 to #E7C3E4 and to #C3E7E4
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7DFC8
#E6E0C8
#E5E1C8
#E4E1C8
#E3E2C8
#E2E3C8
#E1E4C8
#E7D9CE
#E5DBCE
#E3DDCE
#E1DFCE
#DFE1CE
#DDE3CE
#DBE5CE
#E7D4D3
#E4D7D3
#E2D9D3
#DFDCD3
#DCDFD3
#D9E2D3
#D6E5D3
#E7CFD8
#E3D3D8
#E0D6D8
#DCDAD8
#D8DED8
#D5E1D8
#D0E6D8
#E7CADD
#E2CEDD
#DED3DD
#D9D7DD
#D4DCDD
#D0E0DD
#CAE6DD
#E7C3E4
#E1C9E4
#DBCFE4
#D6D4E4
#D0DAE4
#CAE0E4
#C3E7E4
Colorpallet from #E7E4C3 to #E7C3E4 and to #C3E4E7
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7DFC8
#E6E0C8
#E5E1C8
#E4E1C8
#E3E2C9
#E2E3C9
#E1E4C9
#E7D9CE
#E5DBCE
#E3DDCE
#E1DECE
#DFE0CF
#DDE2CF
#DBE4CF
#E7D4D3
#E4D7D3
#E2D9D3
#DFDCD3
#DCDED4
#D9E1D4
#D6E4D4
#E7CFD8
#E3D2D8
#E0D6D9
#DCD9D9
#D8DCD9
#D5E0DA
#D0E4DA
#E7CADD
#E2CEDD
#DED2DE
#D9D6DE
#D4DBDF
#D0DFDF
#CAE4E0
#E7C3E4
#E1C8E4
#DBCEE5
#D6D3E5
#D0D8E6
#CADDE6
#C3E4E7
Colorpallet from #E7E4C3 to #E4E7C3 and to #E4C3E7
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E3C4
#E7E2C5
#E7E2C6
#E7E1C7
#E7E0C8
#E7DFC9
#E6E5C3
#E6E3C5
#E6E1C7
#E6DFC9
#E6DDCB
#E6DBCD
#E6D9CF
#E6E5C3
#E6E2C6
#E6E0C8
#E6DDCB
#E6DACE
#E6D7D1
#E6D4D4
#E5E6C3
#E5E2C7
#E5DFCA
#E5DBCE
#E5D7D2
#E5D4D5
#E5CFDA
#E5E6C3
#E5E2C8
#E5DDCC
#E5D9D1
#E5D4D6
#E5D0DA
#E5CAE0
#E4E7C3
#E4E1C9
#E4DBCF
#E4D6D4
#E4D0DA
#E4CAE0
#E4C3E7
Colorpallet from #E7E4C3 to #E4E7C3 and to #C3E7E4
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E6E4C4
#E5E4C5
#E4E4C5
#E3E4C6
#E2E4C7
#E1E4C8
#E6E5C3
#E4E5C5
#E2E5C7
#E1E5C8
#DFE5CA
#DDE5CC
#DBE5CE
#E6E5C3
#E3E5C6
#E1E5C8
#DEE5CB
#DCE5CD
#D9E5D0
#D6E5D3
#E5E6C3
#E2E6C6
#DEE6CA
#DBE6CD
#D8E6D0
#D4E6D4
#D0E6D8
#E5E6C3
#E1E6C7
#DCE6CB
#D8E6CF
#D4E6D4
#CFE6D8
#CAE6DD
#E4E7C3
#DFE7C8
#D9E7CE
#D4E7D3
#CFE7D8
#CAE7DD
#C3E7E4
Colorpallet from #E7E4C3 to #E4E7C3 and to #C3E4E7
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E6E4C4
#E5E4C5
#E4E4C6
#E3E4C7
#E2E4C8
#E1E4C9
#E6E5C3
#E4E5C5
#E2E5C7
#E1E5C9
#DFE4CB
#DDE4CD
#DBE4CF
#E6E5C3
#E3E5C6
#E1E5C8
#DEE5CB
#DCE4CE
#D9E4D1
#D6E4D4
#E5E6C3
#E2E6C7
#DEE5CA
#DBE5CE
#D8E5D2
#D4E4D5
#D0E4DA
#E5E6C3
#E1E6C8
#DCE5CC
#D8E5D1
#D4E5D6
#CFE4DA
#CAE4E0
#E4E7C3
#DFE7C9
#D9E6CF
#D4E6D4
#CFE5DA
#CAE5E0
#C3E4E7
Colorpallet from #E7E4C3 to #E4C3E7 and to #C3E7E4
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7DFC9
#E6E0C9
#E5E1C9
#E4E1C9
#E3E2C8
#E2E3C8
#E1E4C8
#E6D9CF
#E4DBCF
#E2DDCF
#E1DFCF
#DFE1CE
#DDE3CE
#DBE5CE
#E6D4D4
#E3D7D4
#E1D9D4
#DEDCD4
#DCDFD3
#D9E2D3
#D6E5D3
#E5CFDA
#E2D3DA
#DED6D9
#DBDAD9
#D8DED9
#D4E1D8
#D0E6D8
#E5CAE0
#E1CEE0
#DCD3DF
#D8D7DF
#D4DCDE
#CFE0DE
#CAE6DD
#E4C3E7
#DFC9E7
#D9CFE6
#D4D4E6
#CFDAE5
#CAE0E5
#C3E7E4
Colorpallet from #E7E4C3 to #E4C3E7 and to #C3E4E7
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7DFC9
#E6E0C9
#E5E1C9
#E4E1C9
#E3E2C9
#E2E3C9
#E1E4C9
#E6D9CF
#E4DBCF
#E2DDCF
#E1DECF
#DFE0CF
#DDE2CF
#DBE4CF
#E6D4D4
#E3D7D4
#E1D9D4
#DEDCD4
#DCDED4
#D9E1D4
#D6E4D4
#E5CFDA
#E2D2DA
#DED6DA
#DBD9DA
#D8DCDA
#D4E0DA
#D0E4DA
#E5CAE0
#E1CEE0
#DCD2E0
#D8D6E0
#D4DBE0
#CFDFE0
#CAE4E0
#E4C3E7
#DFC8E7
#D9CEE7
#D4D3E7
#CFD8E7
#CADDE7
#C3E4E7
Colorpallet from #E7E4C3 to #C3E7E4 and to #C3E4E7
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E7E4C3
#E1E4C8
#E1E4C8
#E1E4C8
#E1E4C8
#E1E4C9
#E1E4C9
#E1E4C9
#DBE5CE
#DBE5CE
#DBE5CE
#DBE5CE
#DBE4CF
#DBE4CF
#DBE4CF
#D6E5D3
#D6E5D3
#D6E5D3
#D6E5D3
#D6E4D4
#D6E4D4
#D6E4D4
#D0E6D8
#D0E6D8
#D0E5D9
#D0E5D9
#D0E5D9
#D0E4DA
#D0E4DA
#CAE6DD
#CAE6DD
#CAE5DE
#CAE5DE
#CAE5DF
#CAE4DF
#CAE4E0
#C3E7E4
#C3E7E4
#C3E6E5
#C3E6E5
#C3E5E6
#C3E5E6
#C3E4E7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
