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 #CBF2C2 to #CBC2F2 and to #F2CBC2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBEACA
#CCEAC9
#CDEBC7
#CEEBC6
#CFEBC5
#D0ECC4
#D1ECC2
#CBE3D1
#CDE3CF
#CFE4CC
#D1E4CA
#D3E5C7
#D5E5C5
#D7E6C2
#CBDBD9
#CEDCD5
#D1DCD2
#D4DDCE
#D7DECA
#DADEC7
#DEDFC2
#CBD3E1
#CFD4DC
#D3D5D7
#D7D6D2
#DBD7CD
#DFD8C8
#E4D9C2
#CBCCE8
#D0CDE2
#D5CEDC
#DACFD6
#DFD0D0
#E4D2CA
#EAD3C2
#CBC2F2
#D1C3EA
#D7C5E3
#DEC6DB
#E4C8D3
#EAC9CC
#F2CBC2
Colorpallet from #CBF2C2 to #CBC2F2 and to #F2C2CB
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBEACA
#CCEAC9
#CDEAC8
#CEEAC7
#CFEAC6
#D0EAC4
#D1EAC3
#CBE3D1
#CDE3CF
#CFE3CD
#D1E3CB
#D3E3C9
#D5E3C7
#D7E3C5
#CBDBD9
#CEDBD6
#D1DBD3
#D4DBD0
#D7DBCD
#DADBCA
#DEDBC6
#CBD3E1
#CFD3DD
#D3D3D9
#D7D3D5
#DBD3D1
#DFD3CD
#E4D3C8
#CBCCE8
#D0CCE3
#D5CCDE
#DACCD9
#DFCCD4
#E4CCCF
#EACCC9
#CBC2F2
#D1C2EC
#D7C2E6
#DEC2DF
#E4C2D9
#EAC2D3
#F2C2CB
Colorpallet from #CBF2C2 to #CBC2F2 and to #C2CBF2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBEACA
#CBEACA
#CBEBCA
#CBEBCA
#CAEBCA
#CAECCA
#CAECCA
#CBE3D1
#CBE3D1
#CAE4D1
#CAE4D1
#C9E5D1
#C9E5D1
#C8E6D1
#CBDBD9
#CADCD9
#CADCD9
#C9DDD9
#C8DED9
#C8DED9
#C7DFD9
#CBD3E1
#CAD4E1
#C9D5E1
#C8D6E1
#C7D7E1
#C6D8E1
#C5D9E1
#CBCCE8
#CACDE8
#C9CEE8
#C8CFE8
#C7D0E8
#C5D2E8
#C4D3E8
#CBC2F2
#CAC3F2
#C8C5F2
#C7C6F2
#C5C8F2
#C4C9F2
#C2CBF2
Colorpallet from #CBF2C2 to #CBC2F2 and to #C2F2CB
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBEACA
#CBEBC9
#CBEDC8
#CBEEC7
#CAEFC6
#CAF0C4
#CAF2C3
#CBE3D1
#CBE5CF
#CAE8CD
#CAEACB
#C9EDC9
#C9EFC7
#C8F2C5
#CBDBD9
#CADFD6
#CAE2D3
#C9E6D0
#C8EACD
#C8EDCA
#C7F2C6
#CBD3E1
#CAD8DD
#C9DDD9
#C8E2D5
#C7E7D1
#C6ECCD
#C5F2C8
#CBCCE8
#CAD2E3
#C9D8DE
#C8DED9
#C7E4D4
#C5EACF
#C4F2C9
#CBC2F2
#CACAEC
#C8D1E6
#C7D9DF
#C5E1D9
#C4E8D3
#C2F2CB
Colorpallet from #CBF2C2 to #F2CBC2 and to #F2C2CB
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#D1ECC2
#D1ECC2
#D1EBC2
#D1EBC2
#D1EBC3
#D1EAC3
#D1EAC3
#D7E6C2
#D7E6C2
#D7E5C3
#D7E5C3
#D7E4C4
#D7E4C4
#D7E3C5
#DEDFC2
#DEDEC3
#DEDEC3
#DEDDC4
#DEDCC5
#DEDCC5
#DEDBC6
#E4D9C2
#E4D8C3
#E4D7C4
#E4D6C5
#E4D5C6
#E4D4C7
#E4D3C8
#EAD3C2
#EAD2C3
#EAD1C4
#EAD0C5
#EACFC6
#EACDC8
#EACCC9
#F2CBC2
#F2CAC3
#F2C8C5
#F2C7C6
#F2C5C8
#F2C4C9
#F2C2CB
Colorpallet from #CBF2C2 to #F2CBC2 and to #C2CBF2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#D1ECC2
#D0ECC3
#CFECC5
#CEECC6
#CDECC7
#CBECC8
#CAECCA
#D7E6C2
#D5E6C4
#D2E6C7
#D0E6C9
#CDE6CC
#CBE6CE
#C8E6D1
#DEDFC2
#DADFC6
#D7DFC9
#D3DFCD
#CFDFD1
#CCDFD4
#C7DFD9
#E4D9C2
#DFD9C7
#DAD9CC
#D5D9D1
#D0D9D6
#CBD9DB
#C5D9E1
#EAD3C2
#E4D3C8
#DED3CE
#D8D3D4
#D2D3DA
#CCD3E0
#C4D3E8
#F2CBC2
#EACBCA
#E3CBD1
#DBCBD9
#D3CBE1
#CCCBE8
#C2CBF2
Colorpallet from #CBF2C2 to #F2CBC2 and to #C2F2CB
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#D1ECC2
#D0EDC2
#CFEEC2
#CEEFC2
#CDF0C3
#CBF1C3
#CAF2C3
#D7E6C2
#D5E8C2
#D2EAC3
#D0ECC3
#CDEEC4
#CBF0C4
#C8F2C5
#DEDFC2
#DAE2C3
#D7E5C3
#D3E8C4
#CFEBC5
#CCEEC5
#C7F2C6
#E4D9C2
#DFDDC3
#DAE1C4
#D5E5C5
#D0E9C6
#CBEDC7
#C5F2C8
#EAD3C2
#E4D8C3
#DEDDC4
#D8E2C5
#D2E7C6
#CCECC8
#C4F2C9
#F2CBC2
#EAD1C3
#E3D7C5
#DBDEC6
#D3E4C8
#CCEAC9
#C2F2CB
Colorpallet from #CBF2C2 to #F2C2CB and to #C2CBF2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#D1EAC3
#D0EAC4
#CFEBC5
#CEEBC6
#CDEBC7
#CBECC9
#CAECCA
#D7E3C5
#D5E3C7
#D2E4C9
#D0E4CB
#CDE5CD
#CBE5CF
#C8E6D1
#DEDBC6
#DADCC9
#D7DCCC
#D3DDCF
#CFDED2
#CCDED5
#C7DFD9
#E4D3C8
#DFD4CC
#DAD5D0
#D5D6D4
#D0D7D8
#CBD8DC
#C5D9E1
#EACCC9
#E4CDCE
#DECED3
#D8CFD8
#D2D0DD
#CCD2E2
#C4D3E8
#F2C2CB
#EAC3D1
#E3C5D7
#DBC6DE
#D3C8E4
#CCC9EA
#C2CBF2
Colorpallet from #CBF2C2 to #F2C2CB and to #C2F2CB
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#D1EAC3
#D0EBC3
#CFEDC3
#CEEEC3
#CDEFC3
#CBF0C3
#CAF2C3
#D7E3C5
#D5E5C5
#D2E8C5
#D0EAC5
#CDEDC5
#CBEFC5
#C8F2C5
#DEDBC6
#DADFC6
#D7E2C6
#D3E6C6
#CFEAC6
#CCEDC6
#C7F2C6
#E4D3C8
#DFD8C8
#DADDC8
#D5E2C8
#D0E7C8
#CBECC8
#C5F2C8
#EACCC9
#E4D2C9
#DED8C9
#D8DEC9
#D2E4C9
#CCEAC9
#C4F2C9
#F2C2CB
#EACACB
#E3D1CB
#DBD9CB
#D3E1CB
#CCE8CB
#C2F2CB
Colorpallet from #CBF2C2 to #C2CBF2 and to #C2F2CB
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CBF2C2
#CAECCA
#CAEDC9
#CAEEC8
#CAEFC7
#CAF0C6
#CAF1C4
#CAF2C3
#C8E6D1
#C8E8CF
#C8EACD
#C8ECCB
#C8EEC9
#C8F0C7
#C8F2C5
#C7DFD9
#C7E2D6
#C7E5D3
#C7E8D0
#C7EBCD
#C7EECA
#C7F2C6
#C5D9E1
#C5DDDD
#C5E1D9
#C5E5D5
#C5E9D1
#C5EDCD
#C5F2C8
#C4D3E8
#C4D8E3
#C4DDDE
#C4E2D9
#C4E7D4
#C4ECCF
#C4F2C9
#C2CBF2
#C2D1EC
#C2D7E6
#C2DEDF
#C2E4D9
#C2EAD3
#C2F2CB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts