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 #CCF0C3 to #CCC3F0 and to #F0CCC3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCE9CA
#CDE9C9
#CEE9C8
#CFE9C7
#D0EAC6
#D1EAC4
#D2EAC3
#CCE2D1
#CEE2CF
#D0E3CD
#D2E3CA
#D4E3C8
#D6E4C6
#D8E4C3
#CCDAD9
#CFDBD5
#D1DCD2
#D4DCCE
#D7DDCB
#DADEC7
#DDDFC3
#CCD3E0
#D0D4DB
#D3D5D7
#D7D6D2
#DBD7CD
#DED8C9
#E3D9C3
#CCCCE7
#D1CDE1
#D5CEDB
#DACFD6
#DFD0D0
#E3D2CA
#E9D3C3
#CCC3F0
#D2C4E9
#D8C6E2
#DDC7DA
#E3C9D3
#E9CACC
#F0CCC3
Colorpallet from #CCF0C3 to #CCC3F0 and to #F0C3CC
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCE9CA
#CDE9C9
#CEE9C8
#CFE9C7
#D0E9C6
#D1E9C5
#D2E9C4
#CCE2D1
#CEE2CF
#D0E2CD
#D2E2CC
#D4E2CA
#D6E2C8
#D8E2C6
#CCDAD9
#CFDAD6
#D1DAD3
#D4DAD0
#D7DACD
#DADACB
#DDDAC7
#CCD3E0
#D0D3DC
#D3D3D9
#D7D3D5
#DBD3D1
#DED3CE
#E3D3C9
#CCCCE7
#D1CCE2
#D5CCDE
#DACCD9
#DFCCD4
#E3CCD0
#E9CCCA
#CCC3F0
#D2C3EA
#D8C3E4
#DDC3DF
#E3C3D9
#E9C3D3
#F0C3CC
Colorpallet from #CCF0C3 to #CCC3F0 and to #C3CCF0
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCE9CA
#CCE9CA
#CCE9CA
#CCE9CA
#CBEACA
#CBEACA
#CBEACA
#CCE2D1
#CCE2D1
#CBE3D1
#CBE3D1
#CAE3D1
#CAE4D1
#C9E4D1
#CCDAD9
#CBDBD9
#CBDCD9
#CADCD9
#C9DDD9
#C9DED9
#C8DFD9
#CCD3E0
#CBD4E0
#CAD5E0
#C9D6E0
#C8D7E0
#C7D8E0
#C6D9E0
#CCCCE7
#CBCDE7
#CACEE7
#C9CFE7
#C8D0E7
#C6D2E7
#C5D3E7
#CCC3F0
#CBC4F0
#C9C6F0
#C8C7F0
#C6C9F0
#C5CAF0
#C3CCF0
Colorpallet from #CCF0C3 to #CCC3F0 and to #C3F0CC
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCE9CA
#CCEAC9
#CCEBC8
#CCECC7
#CBEDC6
#CBEFC5
#CBF0C4
#CCE2D1
#CCE4CF
#CBE6CD
#CBE9CC
#CAEBCA
#CAEDC8
#C9F0C6
#CCDAD9
#CBDED6
#CBE1D3
#CAE5D0
#C9E8CD
#C9ECCB
#C8F0C7
#CCD3E0
#CBD8DC
#CADCD9
#C9E1D5
#C8E6D1
#C7EACE
#C6F0C9
#CCCCE7
#CBD2E2
#CAD8DE
#C9DDD9
#C8E3D4
#C6E9D0
#C5F0CA
#CCC3F0
#CBCAEA
#C9D1E4
#C8D9DF
#C6E0D9
#C5E7D3
#C3F0CC
Colorpallet from #CCF0C3 to #F0CCC3 and to #F0C3CC
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#D2EAC3
#D2EAC3
#D2EAC3
#D2EAC3
#D2E9C4
#D2E9C4
#D2E9C4
#D8E4C3
#D8E4C3
#D8E3C4
#D8E3C4
#D8E3C5
#D8E2C5
#D8E2C6
#DDDFC3
#DDDEC4
#DDDDC4
#DDDDC5
#DDDCC6
#DDDBC6
#DDDAC7
#E3D9C3
#E3D8C4
#E3D7C5
#E3D6C6
#E3D5C7
#E3D4C8
#E3D3C9
#E9D3C3
#E9D2C4
#E9D1C5
#E9D0C6
#E9CFC7
#E9CDC9
#E9CCCA
#F0CCC3
#F0CBC4
#F0C9C6
#F0C8C7
#F0C6C9
#F0C5CA
#F0C3CC
Colorpallet from #CCF0C3 to #F0CCC3 and to #C3CCF0
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#D2EAC3
#D1EAC4
#D0EAC5
#CFEAC6
#CEEAC7
#CCEAC9
#CBEACA
#D8E4C3
#D6E4C5
#D3E4C7
#D1E4CA
#CEE4CC
#CCE4CE
#C9E4D1
#DDDFC3
#DADFC7
#D6DFCA
#D3DFCE
#D0DFD1
#CCDFD5
#C8DFD9
#E3D9C3
#DED9C8
#DAD9CC
#D5D9D1
#D0D9D6
#CCD9DA
#C6D9E0
#E9D3C3
#E3D3C9
#DDD3CF
#D8D3D4
#D2D3DA
#CCD3E0
#C5D3E7
#F0CCC3
#E9CCCA
#E2CCD1
#DACCD9
#D3CCE0
#CCCCE7
#C3CCF0
Colorpallet from #CCF0C3 to #F0CCC3 and to #C3F0CC
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#D2EAC3
#D1EBC3
#D0ECC3
#CFEDC3
#CEEEC4
#CCEFC4
#CBF0C4
#D8E4C3
#D6E6C3
#D3E8C4
#D1EAC4
#CEECC5
#CCEEC5
#C9F0C6
#DDDFC3
#DAE2C4
#D6E4C4
#D3E7C5
#D0EAC6
#CCEDC6
#C8F0C7
#E3D9C3
#DEDDC4
#DAE0C5
#D5E4C6
#D0E8C7
#CCEBC8
#C6F0C9
#E9D3C3
#E3D8C4
#DDDCC5
#D8E1C6
#D2E6C7
#CCEAC9
#C5F0CA
#F0CCC3
#E9D2C4
#E2D8C6
#DADDC7
#D3E3C9
#CCE9CA
#C3F0CC
Colorpallet from #CCF0C3 to #F0C3CC and to #C3CCF0
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#D2E9C4
#D1E9C5
#D0E9C6
#CFE9C7
#CEEAC8
#CCEAC9
#CBEACA
#D8E2C6
#D6E2C8
#D3E3CA
#D1E3CB
#CEE3CD
#CCE4CF
#C9E4D1
#DDDAC7
#DADBCA
#D6DCCD
#D3DCD0
#D0DDD3
#CCDED5
#C8DFD9
#E3D3C9
#DED4CD
#DAD5D0
#D5D6D4
#D0D7D8
#CCD8DB
#C6D9E0
#E9CCCA
#E3CDCF
#DDCED3
#D8CFD8
#D2D0DD
#CCD2E1
#C5D3E7
#F0C3CC
#E9C4D2
#E2C6D8
#DAC7DD
#D3C9E3
#CCCAE9
#C3CCF0
Colorpallet from #CCF0C3 to #F0C3CC and to #C3F0CC
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#D2E9C4
#D1EAC4
#D0EBC4
#CFECC4
#CEEDC4
#CCEFC4
#CBF0C4
#D8E2C6
#D6E4C6
#D3E6C6
#D1E9C6
#CEEBC6
#CCEDC6
#C9F0C6
#DDDAC7
#DADEC7
#D6E1C7
#D3E5C7
#D0E8C7
#CCECC7
#C8F0C7
#E3D3C9
#DED8C9
#DADCC9
#D5E1C9
#D0E6C9
#CCEAC9
#C6F0C9
#E9CCCA
#E3D2CA
#DDD8CA
#D8DDCA
#D2E3CA
#CCE9CA
#C5F0CA
#F0C3CC
#E9CACC
#E2D1CC
#DAD9CC
#D3E0CC
#CCE7CC
#C3F0CC
Colorpallet from #CCF0C3 to #C3CCF0 and to #C3F0CC
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CCF0C3
#CBEACA
#CBEBC9
#CBECC8
#CBEDC7
#CBEEC6
#CBEFC5
#CBF0C4
#C9E4D1
#C9E6CF
#C9E8CD
#C9EACC
#C9ECCA
#C9EEC8
#C9F0C6
#C8DFD9
#C8E2D6
#C8E4D3
#C8E7D0
#C8EACD
#C8EDCB
#C8F0C7
#C6D9E0
#C6DDDC
#C6E0D9
#C6E4D5
#C6E8D1
#C6EBCE
#C6F0C9
#C5D3E7
#C5D8E2
#C5DCDE
#C5E1D9
#C5E6D4
#C5EAD0
#C5F0CA
#C3CCF0
#C3D2EA
#C3D8E4
#C3DDDF
#C3E3D9
#C3E9D3
#C3F0CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts