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 #CCC4ED to #CCEDC4 and to #C4CCED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCCBE6
#CCCAE7
#CCC9E8
#CCC8E9
#CBC7EA
#CBC6EC
#CBC5ED
#CCD1E0
#CCCFE2
#CBCEE4
#CBCCE6
#CACBE8
#CAC9EA
#C9C7ED
#CCD8D9
#CBD5DC
#CBD3DF
#CAD0E3
#C9CEE6
#C9CBE9
#C8C8ED
#CCDED3
#CBDBD7
#CAD7DB
#CAD4DF
#C9D1E4
#C8CDE8
#C7C9ED
#CCE5CC
#CBE1D1
#CADCD7
#C9D8DC
#C8D4E1
#C7CFE6
#C6CAED
#CCEDC4
#CBE8CB
#C9E2D1
#C8DDD8
#C7D8DE
#C6D3E5
#C4CCED
Colorpallet from #CCC4ED to #CCEDC4 and to #C4EDCC
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCCBE6
#CCCBE6
#CCCBE7
#CCCBE7
#CBCBE7
#CBCBE8
#CBCBE8
#CCD1E0
#CCD1E0
#CBD1E1
#CBD1E1
#CAD1E1
#CAD1E2
#C9D1E2
#CCD8D9
#CBD8DA
#CBD8DA
#CAD8DB
#C9D8DC
#C9D8DC
#C8D8DD
#CCDED3
#CBDED4
#CADED5
#CADED5
#C9DED6
#C8DED7
#C7DED8
#CCE5CC
#CBE5CD
#CAE5CE
#C9E5CF
#C8E5D0
#C7E5D2
#C6E5D3
#CCEDC4
#CBEDC5
#C9EDC7
#C8EDC8
#C7EDC9
#C6EDCA
#C4EDCC
Colorpallet from #CCC4ED to #CCEDC4 and to #EDCCC4
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCCBE6
#CDCAE6
#CEC9E6
#CEC8E6
#CFC7E6
#D0C6E6
#D1C5E6
#CCD1E0
#CECFE0
#D0CEE0
#D1CCE0
#D3CBE0
#D5C9E0
#D7C7E0
#CCD8D9
#CFD5D9
#D1D3D9
#D4D0D9
#D6CED9
#D9CBD9
#DCC8D9
#CCDED3
#CFDBD3
#D3D7D3
#D6D4D3
#D9D1D3
#DDCDD3
#E1C9D3
#CCE5CC
#D0E1CC
#D4DCCC
#D8D8CC
#DDD4CC
#E1CFCC
#E6CACC
#CCEDC4
#D1E8C4
#D7E2C4
#DCDDC4
#E1D8C4
#E6D3C4
#EDCCC4
Colorpallet from #CCC4ED to #CCEDC4 and to #EDC4CC
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCCBE6
#CDCAE6
#CEC9E7
#CEC8E7
#CFC7E7
#D0C5E8
#D1C4E8
#CCD1E0
#CECFE0
#D0CDE1
#D1CBE1
#D3C9E1
#D5C7E2
#D7C4E2
#CCD8D9
#CFD5DA
#D1D2DA
#D4CEDB
#D6CBDC
#D9C8DC
#DCC4DD
#CCDED3
#CFDAD4
#D3D6D5
#D6D2D5
#D9CDD6
#DDC9D7
#E1C4D8
#CCE5CC
#D0E0CD
#D4DACE
#D8D5CF
#DDD0D0
#E1CBD2
#E6C4D3
#CCEDC4
#D1E6C5
#D7E0C7
#DCD9C8
#E1D3C9
#E6CCCA
#EDC4CC
Colorpallet from #CCC4ED to #C4CCED and to #C4EDCC
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CBC5ED
#CBC6EC
#CBC7EB
#CBC8EB
#CBC9EA
#CBCAE9
#CBCBE8
#C9C7ED
#C9C9EB
#C9CAE9
#C9CCE8
#C9CDE6
#C9CFE4
#C9D1E2
#C8C8ED
#C8CBEA
#C8CDE8
#C8D0E5
#C8D2E3
#C8D5E0
#C8D8DD
#C7C9ED
#C7CCEA
#C7D0E6
#C7D3E3
#C7D6E0
#C7DADC
#C7DED8
#C6CAED
#C6CEE9
#C6D3E5
#C6D7E1
#C6DBDC
#C6E0D8
#C6E5D3
#C4CCED
#C4D1E8
#C4D7E2
#C4DCDD
#C4E1D8
#C4E6D3
#C4EDCC
Colorpallet from #CCC4ED to #C4CCED and to #EDCCC4
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CBC5ED
#CCC5EC
#CDC5EB
#CEC5EA
#CFC5E9
#D0C5E7
#D1C5E6
#C9C7ED
#CBC7EB
#CDC7E9
#D0C7E7
#D2C7E5
#D4C7E3
#D7C7E0
#C8C8ED
#CBC8EA
#CEC8E7
#D2C8E3
#D5C8E0
#D8C8DD
#DCC8D9
#C7C9ED
#CBC9E9
#CFC9E5
#D3C9E1
#D8C9DC
#DCC9D8
#E1C9D3
#C6CAED
#CBCAE8
#D0CAE2
#D5CADD
#DACAD8
#E0CAD3
#E6CACC
#C4CCED
#CBCCE6
#D1CCE0
#D8CCD9
#DECCD3
#E5CCCC
#EDCCC4
Colorpallet from #CCC4ED to #C4CCED and to #EDC4CC
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CBC5ED
#CCC5EC
#CDC5EB
#CEC5EB
#CFC4EA
#D0C4E9
#D1C4E8
#C9C7ED
#CBC7EB
#CDC6E9
#D0C6E8
#D2C5E6
#D4C5E4
#D7C4E2
#C8C8ED
#CBC7EA
#CEC7E8
#D2C6E5
#D5C5E3
#D8C5E0
#DCC4DD
#C7C9ED
#CBC8EA
#CFC7E6
#D3C7E3
#D8C6E0
#DCC5DC
#E1C4D8
#C6CAED
#CBC9E9
#D0C8E5
#D5C7E1
#DAC6DC
#E0C5D8
#E6C4D3
#C4CCED
#CBCBE8
#D1C9E2
#D8C8DD
#DEC7D8
#E5C6D3
#EDC4CC
Colorpallet from #CCC4ED to #C4EDCC and to #EDCCC4
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CBCBE8
#CCCAE8
#CDC9E7
#CEC8E7
#CFC7E7
#D0C6E6
#D1C5E6
#C9D1E2
#CBCFE2
#CDCEE1
#D0CCE1
#D2CBE1
#D4C9E0
#D7C7E0
#C8D8DD
#CBD5DC
#CED3DC
#D2D0DB
#D5CEDA
#D8CBDA
#DCC8D9
#C7DED8
#CBDBD7
#CFD7D6
#D3D4D6
#D8D1D5
#DCCDD4
#E1C9D3
#C6E5D3
#CBE1D2
#D0DCD1
#D5D8D0
#DAD4CF
#E0CFCD
#E6CACC
#C4EDCC
#CBE8CB
#D1E2C9
#D8DDC8
#DED8C7
#E5D3C6
#EDCCC4
Colorpallet from #CCC4ED to #C4EDCC and to #EDC4CC
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CBCBE8
#CCCAE8
#CDC9E8
#CEC8E8
#CFC7E8
#D0C5E8
#D1C4E8
#C9D1E2
#CBCFE2
#CDCDE2
#D0CBE2
#D2C9E2
#D4C7E2
#D7C4E2
#C8D8DD
#CBD5DD
#CED2DD
#D2CEDD
#D5CBDD
#D8C8DD
#DCC4DD
#C7DED8
#CBDAD8
#CFD6D8
#D3D2D8
#D8CDD8
#DCC9D8
#E1C4D8
#C6E5D3
#CBE0D3
#D0DAD3
#D5D5D3
#DAD0D3
#E0CBD3
#E6C4D3
#C4EDCC
#CBE6CC
#D1E0CC
#D8D9CC
#DED3CC
#E5CCCC
#EDC4CC
Colorpallet from #CCC4ED to #EDCCC4 and to #EDC4CC
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#CCC4ED
#D1C5E6
#D1C5E6
#D1C5E7
#D1C5E7
#D1C4E7
#D1C4E8
#D1C4E8
#D7C7E0
#D7C7E0
#D7C6E1
#D7C6E1
#D7C5E1
#D7C5E2
#D7C4E2
#DCC8D9
#DCC7DA
#DCC7DA
#DCC6DB
#DCC5DC
#DCC5DC
#DCC4DD
#E1C9D3
#E1C8D4
#E1C7D5
#E1C7D5
#E1C6D6
#E1C5D7
#E1C4D8
#E6CACC
#E6C9CD
#E6C8CE
#E6C7CF
#E6C6D0
#E6C5D2
#E6C4D3
#EDCCC4
#EDCBC5
#EDC9C7
#EDC8C8
#EDC7C9
#EDC6CA
#EDC4CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts