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 #C2CDED to #C2EDCD and to #CDC2ED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2D2E8
#C2D1E9
#C3D0EA
#C3CFEA
#C3CEEB
#C4CCEC
#C4CBED
#C2D7E3
#C3D5E5
#C3D3E6
#C4D0E8
#C5CEE9
#C5CCEB
#C6C9ED
#C2DCDE
#C3D9E0
#C4D6E3
#C4D2E5
#C5CFE8
#C6CCEA
#C7C8ED
#C2E1D9
#C3DDDC
#C4D8DF
#C5D4E3
#C6D0E6
#C8CBE9
#C9C6ED
#C2E7D3
#C3E1D7
#C5DCDB
#C6D6DF
#C8D1E4
#C9CBE8
#CBC4ED
#C2EDCD
#C4E6D2
#C6DFD7
#C7D8DC
#C9D1E1
#CBCBE7
#CDC2ED
Colorpallet from #C2CDED to #C2EDCD and to #CDEDC2
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2D2E8
#C2D2E8
#C3D2E7
#C3D2E7
#C3D2E7
#C4D2E6
#C4D2E6
#C2D7E3
#C3D7E2
#C3D7E2
#C4D7E1
#C5D7E0
#C5D7E0
#C6D7DF
#C2DCDE
#C3DCDD
#C4DCDC
#C4DCDB
#C5DCDA
#C6DCD9
#C7DCD8
#C2E1D9
#C3E1D8
#C4E1D6
#C5E1D5
#C6E1D4
#C8E1D3
#C9E1D1
#C2E7D3
#C3E7D2
#C5E7D0
#C6E7CF
#C8E7CE
#C9E7CD
#CBE7CB
#C2EDCD
#C4EDCB
#C6EDC9
#C7EDC8
#C9EDC6
#CBEDC4
#CDEDC2
Colorpallet from #C2CDED to #C2EDCD and to #EDC2CD
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2D2E8
#C3D1E8
#C4D0E8
#C5CFE8
#C6CEE8
#C8CCE8
#C9CBE8
#C2D7E3
#C4D5E3
#C6D3E3
#C9D0E3
#CBCEE3
#CDCCE3
#D0C9E3
#C2DCDE
#C5D9DE
#C9D6DE
#CCD2DE
#CFCFDE
#D3CCDE
#D7C8DE
#C2E1D9
#C6DDD9
#CBD8D9
#CFD4D9
#D4D0D9
#D8CBD9
#DEC6D9
#C2E7D3
#C7E1D3
#CDDCD3
#D2D6D3
#D8D1D3
#DDCBD3
#E4C4D3
#C2EDCD
#C9E6CD
#D0DFCD
#D7D8CD
#DED1CD
#E4CBCD
#EDC2CD
Colorpallet from #C2CDED to #C2EDCD and to #EDCDC2
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2D2E8
#C3D1E8
#C4D0E7
#C5D0E7
#C6CFE7
#C8CEE6
#C9CDE6
#C2D7E3
#C4D5E2
#C6D4E2
#C9D2E1
#CBD1E0
#CDCFE0
#D0CDDF
#C2DCDE
#C5DADD
#C9D7DC
#CCD5DB
#CFD2DA
#D3D0D9
#D7CDD8
#C2E1D9
#C6DED8
#CBDBD6
#CFD7D5
#D4D4D4
#D8D1D3
#DECDD1
#C2E7D3
#C7E3D2
#CDDFD0
#D2DBCF
#D8D6CE
#DDD2CD
#E4CDCB
#C2EDCD
#C9E8CB
#D0E3C9
#D7DEC8
#DED9C6
#E4D3C4
#EDCDC2
Colorpallet from #C2CDED to #CDC2ED and to #CDEDC2
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C4CBED
#C4CCEC
#C4CDEB
#C4CEEA
#C4CFE9
#C4D1E7
#C4D2E6
#C6C9ED
#C6CBEB
#C6CDE9
#C6D0E6
#C6D2E4
#C6D4E2
#C6D7DF
#C7C8ED
#C7CBEA
#C7CEE6
#C7D2E3
#C7D5E0
#C7D8DC
#C7DCD8
#C9C6ED
#C9CAE9
#C9CFE4
#C9D3E0
#C9D7DB
#C9DCD7
#C9E1D1
#CBC4ED
#CBCAE8
#CBCFE2
#CBD5DD
#CBDAD7
#CBE0D2
#CBE7CB
#CDC2ED
#CDC9E6
#CDD0DF
#CDD7D8
#CDDED1
#CDE4CB
#CDEDC2
Colorpallet from #C2CDED to #CDC2ED and to #EDC2CD
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C4CBED
#C5CBEC
#C6CBEB
#C6CBEB
#C7CBEA
#C8CBE9
#C9CBE8
#C6C9ED
#C8C9EB
#C9C9EA
#CBC9E8
#CCC9E7
#CEC9E5
#D0C9E3
#C7C8ED
#CAC8EB
#CCC8E8
#CFC8E6
#D1C8E3
#D4C8E1
#D7C8DE
#C9C6ED
#CCC6EA
#D0C6E7
#D3C6E3
#D6C6E0
#DAC6DD
#DEC6D9
#CBC4ED
#CFC4E9
#D3C4E5
#D7C4E1
#DBC4DC
#DFC4D8
#E4C4D3
#CDC2ED
#D2C2E8
#D7C2E3
#DCC2DE
#E1C2D9
#E7C2D3
#EDC2CD
Colorpallet from #C2CDED to #CDC2ED and to #EDCDC2
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C4CBED
#C5CBEC
#C6CCEB
#C6CCEA
#C7CCE9
#C8CDE7
#C9CDE6
#C6C9ED
#C8CAEB
#C9CAE9
#CBCBE6
#CCCCE4
#CECCE2
#D0CDDF
#C7C8ED
#CAC9EA
#CCCAE6
#CFCAE3
#D1CBE0
#D4CCDC
#D7CDD8
#C9C6ED
#CCC7E9
#D0C8E4
#D3C9E0
#D6CADB
#DACCD7
#DECDD1
#CBC4ED
#CFC5E8
#D3C7E2
#D7C8DD
#DBCAD7
#DFCBD2
#E4CDCB
#CDC2ED
#D2C4E6
#D7C6DF
#DCC7D8
#E1C9D1
#E7CBCB
#EDCDC2
Colorpallet from #C2CDED to #CDEDC2 and to #EDC2CD
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C4D2E6
#C5D1E6
#C6D0E7
#C6CFE7
#C7CEE7
#C8CCE8
#C9CBE8
#C6D7DF
#C8D5E0
#C9D3E0
#CBD0E1
#CCCEE2
#CECCE2
#D0C9E3
#C7DCD8
#CAD9D9
#CCD6DA
#CFD2DB
#D1CFDC
#D4CCDD
#D7C8DE
#C9E1D1
#CCDDD2
#D0D8D4
#D3D4D5
#D6D0D6
#DACBD7
#DEC6D9
#CBE7CB
#CFE1CC
#D3DCCE
#D7D6CF
#DBD1D0
#DFCBD1
#E4C4D3
#CDEDC2
#D2E6C4
#D7DFC6
#DCD8C7
#E1D1C9
#E7CBCB
#EDC2CD
Colorpallet from #C2CDED to #CDEDC2 and to #EDCDC2
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C4D2E6
#C5D1E6
#C6D0E6
#C6D0E6
#C7CFE6
#C8CEE6
#C9CDE6
#C6D7DF
#C8D5DF
#C9D4DF
#CBD2DF
#CCD1DF
#CECFDF
#D0CDDF
#C7DCD8
#CADAD8
#CCD7D8
#CFD5D8
#D1D2D8
#D4D0D8
#D7CDD8
#C9E1D1
#CCDED1
#D0DBD1
#D3D7D1
#D6D4D1
#DAD1D1
#DECDD1
#CBE7CB
#CFE3CB
#D3DFCB
#D7DBCB
#DBD6CB
#DFD2CB
#E4CDCB
#CDEDC2
#D2E8C2
#D7E3C2
#DCDEC2
#E1D9C2
#E7D3C2
#EDCDC2
Colorpallet from #C2CDED to #EDC2CD and to #EDCDC2
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C2CDED
#C9CBE8
#C9CBE8
#C9CCE7
#C9CCE7
#C9CCE7
#C9CDE6
#C9CDE6
#D0C9E3
#D0CAE2
#D0CAE2
#D0CBE1
#D0CCE0
#D0CCE0
#D0CDDF
#D7C8DE
#D7C9DD
#D7CADC
#D7CADB
#D7CBDA
#D7CCD9
#D7CDD8
#DEC6D9
#DEC7D8
#DEC8D6
#DEC9D5
#DECAD4
#DECCD3
#DECDD1
#E4C4D3
#E4C5D2
#E4C7D0
#E4C8CF
#E4CACE
#E4CBCD
#E4CDCB
#EDC2CD
#EDC4CB
#EDC6C9
#EDC7C8
#EDC9C6
#EDCBC4
#EDCDC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts