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 #E3E7C3 to #E3C3E7 and to #E7E3C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E1C9
#E3E2C8
#E3E3C7
#E3E3C6
#E4E4C5
#E4E5C4
#E4E6C3
#E3DBCF
#E3DDCD
#E3DFCB
#E3E0C9
#E4E2C7
#E4E4C5
#E4E6C3
#E3D6D4
#E3D8D1
#E4DBCF
#E4DDCC
#E4E0C9
#E5E2C6
#E5E5C3
#E3D0DA
#E3D3D6
#E4D6D3
#E4DACF
#E5DDCB
#E5E0C8
#E6E4C3
#E3CAE0
#E3CEDB
#E4D2D7
#E4D6D2
#E5DBCD
#E5DFC9
#E6E4C3
#E3C3E7
#E4C8E1
#E4CDDB
#E5D2D6
#E6D7D0
#E6DDCA
#E7E3C3
Colorpallet from #E3E7C3 to #E3C3E7 and to #E7C3E3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E1C9
#E3E1C9
#E3E1C9
#E3E1C9
#E4E1C8
#E4E1C8
#E4E1C8
#E3DBCF
#E3DBCF
#E3DBCE
#E3DBCE
#E4DBCE
#E4DBCD
#E4DBCD
#E3D6D4
#E3D6D4
#E4D6D3
#E4D6D3
#E4D6D3
#E5D6D2
#E5D6D2
#E3D0DA
#E3D0DA
#E4D0D9
#E4D0D9
#E5D0D8
#E5D0D8
#E6D0D7
#E3CAE0
#E3CAE0
#E4CADF
#E4CADF
#E5CADE
#E5CADE
#E6CADD
#E3C3E7
#E4C3E6
#E4C3E6
#E5C3E5
#E6C3E4
#E6C3E4
#E7C3E3
Colorpallet from #E3E7C3 to #E3C3E7 and to #C3E3E7
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E1C9
#E2E2C9
#E1E3C9
#E1E3C9
#E0E4C9
#DFE5C9
#DEE6C9
#E3DBCF
#E1DDCF
#E0DFCF
#DEE0CF
#DDE2CF
#DBE4CF
#D9E6CF
#E3D6D4
#E1D8D4
#DEDBD4
#DCDDD4
#D9E0D4
#D7E2D4
#D4E5D4
#E3D0DA
#E0D3DA
#DDD6DA
#D9DADA
#D6DDDA
#D3E0DA
#CFE4DA
#E3CAE0
#DFCEE0
#DBD2E0
#D7D6E0
#D2DBE0
#CEDFE0
#C9E4E0
#E3C3E7
#DEC8E7
#D9CDE7
#D4D2E7
#CFD7E7
#C9DDE7
#C3E3E7
Colorpallet from #E3E7C3 to #E3C3E7 and to #C3E7E3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E1C9
#E2E2C9
#E1E3C9
#E1E4C9
#E0E5C8
#DFE6C8
#DEE7C8
#E3DBCF
#E1DDCF
#E0DFCE
#DEE1CE
#DDE3CE
#DBE5CD
#D9E7CD
#E3D6D4
#E1D9D4
#DEDBD3
#DCDED3
#D9E1D3
#D7E4D2
#D4E7D2
#E3D0DA
#E0D4DA
#DDD7D9
#D9DBD9
#D6DFD8
#D3E2D8
#CFE7D7
#E3CAE0
#DFCFE0
#DBD3DF
#D7D8DF
#D2DDDE
#CEE1DE
#C9E7DD
#E3C3E7
#DEC9E6
#D9CFE6
#D4D4E5
#CFDAE4
#C9E0E4
#C3E7E3
Colorpallet from #E3E7C3 to #E7E3C3 and to #E7C3E3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E4E6C3
#E4E5C4
#E4E4C5
#E4E4C5
#E4E3C6
#E4E2C7
#E4E1C8
#E4E6C3
#E4E4C5
#E4E2C6
#E4E1C8
#E4DFC9
#E4DDCB
#E4DBCD
#E5E5C3
#E5E3C5
#E5E0C8
#E5DECA
#E5DBCD
#E5D9CF
#E5D6D2
#E6E4C3
#E6E1C6
#E6DEC9
#E6DACD
#E6D7D0
#E6D4D3
#E6D0D7
#E6E4C3
#E6E0C7
#E6DCCB
#E6D8CF
#E6D3D4
#E6CFD8
#E6CADD
#E7E3C3
#E7DEC8
#E7D9CD
#E7D4D2
#E7CFD7
#E7C9DD
#E7C3E3
Colorpallet from #E3E7C3 to #E7E3C3 and to #C3E3E7
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E4E6C3
#E3E6C4
#E2E6C5
#E1E6C6
#E0E6C7
#DFE6C8
#DEE6C9
#E4E6C3
#E2E6C5
#E0E6C7
#DFE6C9
#DDE6CB
#DBE6CD
#D9E6CF
#E5E5C3
#E2E5C6
#E0E5C8
#DDE5CB
#DAE5CE
#D7E5D1
#D4E5D4
#E6E4C3
#E2E4C7
#DFE4CA
#DBE4CE
#D7E4D2
#D4E4D5
#CFE4DA
#E6E4C3
#E1E4C8
#DDE4CC
#D8E4D1
#D3E4D6
#CFE4DA
#C9E4E0
#E7E3C3
#E1E3C9
#DBE3CF
#D6E3D4
#D0E3DA
#CAE3E0
#C3E3E7
Colorpallet from #E3E7C3 to #E7E3C3 and to #C3E7E3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E4E6C3
#E3E6C4
#E2E6C5
#E1E6C5
#E0E7C6
#DFE7C7
#DEE7C8
#E4E6C3
#E2E6C5
#E0E6C6
#DFE6C8
#DDE7C9
#DBE7CB
#D9E7CD
#E5E5C3
#E2E5C5
#E0E6C8
#DDE6CA
#DAE6CD
#D7E7CF
#D4E7D2
#E6E4C3
#E2E4C6
#DFE5C9
#DBE5CD
#D7E6D0
#D4E6D3
#CFE7D7
#E6E4C3
#E1E4C7
#DDE5CB
#D8E5CF
#D3E6D4
#CFE6D8
#C9E7DD
#E7E3C3
#E1E4C8
#DBE4CD
#D6E5D2
#D0E6D7
#CAE6DD
#C3E7E3
Colorpallet from #E3E7C3 to #E7C3E3 and to #C3E3E7
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E4E1C8
#E3E2C8
#E2E3C8
#E1E3C8
#E0E4C9
#DFE5C9
#DEE6C9
#E4DBCD
#E2DDCD
#E0DFCE
#DFE0CE
#DDE2CE
#DBE4CF
#D9E6CF
#E5D6D2
#E2D8D2
#E0DBD3
#DDDDD3
#DAE0D3
#D7E2D4
#D4E5D4
#E6D0D7
#E2D3D7
#DFD6D8
#DBDAD8
#D7DDD9
#D4E0D9
#CFE4DA
#E6CADD
#E1CEDD
#DDD2DE
#D8D6DE
#D3DBDF
#CFDFDF
#C9E4E0
#E7C3E3
#E1C8E4
#DBCDE4
#D6D2E5
#D0D7E6
#CADDE6
#C3E3E7
Colorpallet from #E3E7C3 to #E7C3E3 and to #C3E7E3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E4E1C8
#E3E2C8
#E2E3C8
#E1E4C8
#E0E5C8
#DFE6C8
#DEE7C8
#E4DBCD
#E2DDCD
#E0DFCD
#DFE1CD
#DDE3CD
#DBE5CD
#D9E7CD
#E5D6D2
#E2D9D2
#E0DBD2
#DDDED2
#DAE1D2
#D7E4D2
#D4E7D2
#E6D0D7
#E2D4D7
#DFD7D7
#DBDBD7
#D7DFD7
#D4E2D7
#CFE7D7
#E6CADD
#E1CFDD
#DDD3DD
#D8D8DD
#D3DDDD
#CFE1DD
#C9E7DD
#E7C3E3
#E1C9E3
#DBCFE3
#D6D4E3
#D0DAE3
#CAE0E3
#C3E7E3
Colorpallet from #E3E7C3 to #C3E3E7 and to #C3E7E3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#E3E7C3
#DEE6C9
#DEE6C9
#DEE6C9
#DEE6C9
#DEE7C8
#DEE7C8
#DEE7C8
#D9E6CF
#D9E6CF
#D9E6CE
#D9E6CE
#D9E7CE
#D9E7CD
#D9E7CD
#D4E5D4
#D4E5D4
#D4E6D3
#D4E6D3
#D4E6D3
#D4E7D2
#D4E7D2
#CFE4DA
#CFE4DA
#CFE5D9
#CFE5D9
#CFE6D8
#CFE6D8
#CFE7D7
#C9E4E0
#C9E4E0
#C9E5DF
#C9E5DF
#C9E6DE
#C9E6DE
#C9E7DD
#C3E3E7
#C3E4E6
#C3E4E6
#C3E5E5
#C3E6E4
#C3E6E4
#C3E7E3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
