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 #E3E8C3 to #E3C3E8 and to #E8E3C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E2C9
#E3E3C8
#E3E4C7
#E3E4C6
#E4E5C5
#E4E6C4
#E4E7C3
#E3DCCF
#E3DECD
#E4DFCB
#E4E1C9
#E4E2C7
#E5E4C5
#E5E6C3
#E3D6D5
#E3D9D2
#E4DBCF
#E4DECC
#E4E0C9
#E5E3C7
#E5E6C3
#E3D0DB
#E3D3D7
#E4D7D3
#E4DACF
#E5DDCC
#E5E1C8
#E6E5C3
#E3CAE1
#E4CEDC
#E4D2D7
#E5D6D3
#E6DBCE
#E6DFC9
#E7E4C3
#E3C3E8
#E4C8E2
#E5CDDC
#E5D2D6
#E6D7D0
#E7DDCA
#E8E3C3
Colorpallet from #E3E8C3 to #E3C3E8 and to #E8C3E3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E2C9
#E3E2C9
#E3E2C9
#E3E2C9
#E4E2C8
#E4E2C8
#E4E2C8
#E3DCCF
#E3DCCF
#E4DCCE
#E4DCCE
#E4DCCE
#E5DCCD
#E5DCCD
#E3D6D5
#E3D6D5
#E4D6D4
#E4D6D4
#E4D6D3
#E5D6D3
#E5D6D2
#E3D0DB
#E3D0DA
#E4D0DA
#E4D0D9
#E5D0D8
#E5D0D8
#E6D0D7
#E3CAE1
#E4CAE0
#E4CAE0
#E5CADF
#E6CADE
#E6CADE
#E7CADD
#E3C3E8
#E4C3E7
#E5C3E6
#E5C3E6
#E6C3E5
#E7C3E4
#E8C3E3
Colorpallet from #E3E8C3 to #E3C3E8 and to #C3E3E8
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E2C9
#E2E3C9
#E1E4C9
#E1E4C9
#E0E5C9
#DFE6C9
#DEE7C9
#E3DCCF
#E1DECF
#E0DFCF
#DEE1CF
#DDE2CF
#DBE4CF
#D9E6CF
#E3D6D5
#E1D9D5
#DEDBD5
#DCDED5
#D9E0D5
#D7E3D5
#D4E6D5
#E3D0DB
#E0D3DB
#DDD7DB
#D9DADB
#D6DDDB
#D3E1DB
#CFE5DB
#E3CAE1
#DFCEE1
#DBD2E1
#D7D6E1
#D2DBE1
#CEDFE1
#C9E4E1
#E3C3E8
#DEC8E8
#D9CDE8
#D4D2E8
#CFD7E8
#C9DDE8
#C3E3E8
Colorpallet from #E3E8C3 to #E3C3E8 and to #C3E8E3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E2C9
#E2E3C9
#E1E4C9
#E1E5C9
#E0E6C8
#DFE7C8
#DEE8C8
#E3DCCF
#E1DECF
#E0E0CE
#DEE2CE
#DDE4CE
#DBE6CD
#D9E8CD
#E3D6D5
#E1D9D5
#DEDCD4
#DCDFD4
#D9E2D3
#D7E4D3
#D4E8D2
#E3D0DB
#E0D4DA
#DDD8DA
#D9DCD9
#D6DFD8
#D3E3D8
#CFE8D7
#E3CAE1
#DFCFE0
#DBD4E0
#D7D8DF
#D2DDDE
#CEE2DE
#C9E8DD
#E3C3E8
#DEC9E7
#D9CFE6
#D4D5E6
#CFDBE5
#C9E1E4
#C3E8E3
Colorpallet from #E3E8C3 to #E8E3C3 and to #E8C3E3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E4E7C3
#E4E6C4
#E4E5C5
#E4E5C5
#E4E4C6
#E4E3C7
#E4E2C8
#E5E6C3
#E5E4C5
#E5E3C6
#E5E1C8
#E5E0C9
#E5DECB
#E5DCCD
#E5E6C3
#E5E3C5
#E5E1C8
#E5DECA
#E5DCCD
#E5D9CF
#E5D6D2
#E6E5C3
#E6E2C6
#E6DEC9
#E6DBCD
#E6D8D0
#E6D4D3
#E6D0D7
#E7E4C3
#E7E0C7
#E7DCCB
#E7D8CF
#E7D3D4
#E7CFD8
#E7CADD
#E8E3C3
#E8DEC8
#E8D9CD
#E8D4D2
#E8CFD7
#E8C9DD
#E8C3E3
Colorpallet from #E3E8C3 to #E8E3C3 and to #C3E3E8
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E4E7C3
#E3E7C4
#E2E7C5
#E1E7C6
#E0E7C7
#DFE7C8
#DEE7C9
#E5E6C3
#E3E6C5
#E1E6C7
#DFE6C9
#DDE6CB
#DBE6CD
#D9E6CF
#E5E6C3
#E2E6C6
#E0E6C9
#DDE6CC
#DAE6CF
#D7E6D1
#D4E6D5
#E6E5C3
#E2E5C7
#DFE5CB
#DBE5CF
#D7E5D2
#D4E5D6
#CFE5DB
#E7E4C3
#E2E4C8
#DDE4CD
#D9E4D1
#D4E4D6
#CFE4DB
#C9E4E1
#E8E3C3
#E2E3C9
#DCE3CF
#D6E3D5
#D0E3DB
#CAE3E1
#C3E3E8
Colorpallet from #E3E8C3 to #E8E3C3 and to #C3E8E3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E4E7C3
#E3E7C4
#E2E7C5
#E1E7C5
#E0E8C6
#DFE8C7
#DEE8C8
#E5E6C3
#E3E6C5
#E1E7C6
#DFE7C8
#DDE7C9
#DBE8CB
#D9E8CD
#E5E6C3
#E2E6C5
#E0E7C8
#DDE7CA
#DAE7CD
#D7E8CF
#D4E8D2
#E6E5C3
#E2E5C6
#DFE6C9
#DBE6CD
#D7E7D0
#D4E7D3
#CFE8D7
#E7E4C3
#E2E5C7
#DDE5CB
#D9E6CF
#D4E7D4
#CFE7D8
#C9E8DD
#E8E3C3
#E2E4C8
#DCE5CD
#D6E5D2
#D0E6D7
#CAE7DD
#C3E8E3
Colorpallet from #E3E8C3 to #E8C3E3 and to #C3E3E8
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E4E2C8
#E3E3C8
#E2E4C8
#E1E4C8
#E0E5C9
#DFE6C9
#DEE7C9
#E5DCCD
#E3DECD
#E1DFCE
#DFE1CE
#DDE2CE
#DBE4CF
#D9E6CF
#E5D6D2
#E2D9D2
#E0DBD3
#DDDED3
#DAE0D4
#D7E3D4
#D4E6D5
#E6D0D7
#E2D3D8
#DFD7D8
#DBDAD9
#D7DDDA
#D4E1DA
#CFE5DB
#E7CADD
#E2CEDE
#DDD2DE
#D9D6DF
#D4DBE0
#CFDFE0
#C9E4E1
#E8C3E3
#E2C8E4
#DCCDE5
#D6D2E5
#D0D7E6
#CADDE7
#C3E3E8
Colorpallet from #E3E8C3 to #E8C3E3 and to #C3E8E3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E4E2C8
#E3E3C8
#E2E4C8
#E1E5C8
#E0E6C8
#DFE7C8
#DEE8C8
#E5DCCD
#E3DECD
#E1E0CD
#DFE2CD
#DDE4CD
#DBE6CD
#D9E8CD
#E5D6D2
#E2D9D2
#E0DCD2
#DDDFD2
#DAE2D2
#D7E4D2
#D4E8D2
#E6D0D7
#E2D4D7
#DFD8D7
#DBDCD7
#D7DFD7
#D4E3D7
#CFE8D7
#E7CADD
#E2CFDD
#DDD4DD
#D9D8DD
#D4DDDD
#CFE2DD
#C9E8DD
#E8C3E3
#E2C9E3
#DCCFE3
#D6D5E3
#D0DBE3
#CAE1E3
#C3E8E3
Colorpallet from #E3E8C3 to #C3E3E8 and to #C3E8E3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#E3E8C3
#DEE7C9
#DEE7C9
#DEE7C9
#DEE7C9
#DEE8C8
#DEE8C8
#DEE8C8
#D9E6CF
#D9E6CF
#D9E7CE
#D9E7CE
#D9E7CE
#D9E8CD
#D9E8CD
#D4E6D5
#D4E6D5
#D4E7D4
#D4E7D4
#D4E7D3
#D4E8D3
#D4E8D2
#CFE5DB
#CFE5DA
#CFE6DA
#CFE6D9
#CFE7D8
#CFE7D8
#CFE8D7
#C9E4E1
#C9E5E0
#C9E5E0
#C9E6DF
#C9E7DE
#C9E7DE
#C9E8DD
#C3E3E8
#C3E4E7
#C3E5E6
#C3E5E6
#C3E6E5
#C3E7E4
#C3E8E3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
