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 #BDDCEA to #BDEADC and to #DCBDEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDEE8
#BEDDE8
#BFDCE9
#BFDBE9
#C0DAE9
#C1D8EA
#C2D7EA
#BDE0E6
#BFDEE7
#C0DCE7
#C2D9E8
#C3D7E9
#C5D5E9
#C7D2EA
#BDE3E3
#BFDFE4
#C2DCE5
#C4D8E6
#C7D5E7
#C9D1E9
#CCCDEA
#BDE5E1
#C0E0E2
#C3DCE4
#C7D7E5
#CAD2E7
#CDCEE8
#D1C8EA
#BDE7DF
#C1E1E1
#C5DBE3
#C9D6E4
#CDD0E6
#D1CAE8
#D6C3EA
#BDEADC
#C2E3DE
#C7DCE0
#CCD4E3
#D1CDE5
#D6C6E7
#DCBDEA
Colorpallet from #BDDCEA to #BDEADC and to #DCEABD
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDEE8
#BEDEE7
#BFDEE6
#BFDEE6
#C0DEE5
#C1DEE4
#C2DEE3
#BDE0E6
#BFE0E4
#C0E0E3
#C2E0E1
#C3E0E0
#C5E0DE
#C7E0DC
#BDE3E3
#BFE3E1
#C2E3DE
#C4E3DC
#C7E3D9
#C9E3D7
#CCE3D4
#BDE5E1
#C0E5DE
#C3E5DB
#C7E5D7
#CAE5D4
#CDE5D1
#D1E5CD
#BDE7DF
#C1E7DB
#C5E7D7
#C9E7D3
#CDE7CF
#D1E7CB
#D6E7C6
#BDEADC
#C2EAD7
#C7EAD2
#CCEACD
#D1EAC8
#D6EAC3
#DCEABD
Colorpallet from #BDDCEA to #BDEADC and to #EABDDC
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDEE8
#BEDDE8
#BFDCE8
#C0DBE8
#C1DAE8
#C3D8E8
#C4D7E8
#BDE0E6
#BFDEE6
#C1DCE6
#C4D9E6
#C6D7E6
#C8D5E6
#CBD2E6
#BDE3E3
#C1DFE3
#C4DCE3
#C8D8E3
#CBD5E3
#CFD1E3
#D3CDE3
#BDE5E1
#C2E0E1
#C6DCE1
#CBD7E1
#D0D2E1
#D4CEE1
#DAC8E1
#BDE7DF
#C3E1DF
#C9DBDF
#CED6DF
#D4D0DF
#DACADF
#E1C3DF
#BDEADC
#C4E3DC
#CBDCDC
#D3D4DC
#DACDDC
#E1C6DC
#EABDDC
Colorpallet from #BDDCEA to #BDEADC and to #EADCBD
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDEE8
#BEDEE7
#BFDDE6
#C0DDE6
#C1DDE5
#C3DCE4
#C4DCE3
#BDE0E6
#BFDFE4
#C1DFE3
#C4DEE1
#C6DDE0
#C8DDDE
#CBDCDC
#BDE3E3
#C1E2E1
#C4E1DE
#C8E0DC
#CBDFD9
#CFDDD7
#D3DCD4
#BDE5E1
#C2E4DE
#C6E2DB
#CBE1D7
#D0DFD4
#D4DED1
#DADCCD
#BDE7DF
#C3E5DB
#C9E3D7
#CEE2D3
#D4E0CF
#DADECB
#E1DCC6
#BDEADC
#C4E8D7
#CBE6D2
#D3E3CD
#DAE1C8
#E1DFC3
#EADCBD
Colorpallet from #BDDCEA to #DCBDEA and to #DCEABD
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#C2D7EA
#C2D8E9
#C2D9E8
#C2DAE7
#C2DBE6
#C2DDE4
#C2DEE3
#C7D2EA
#C7D4E8
#C7D6E6
#C7D9E3
#C7DBE1
#C7DDDF
#C7E0DC
#CCCDEA
#CCD1E6
#CCD4E3
#CCD8DF
#CCDBDC
#CCDFD8
#CCE3D4
#D1C8EA
#D1CDE5
#D1D1E1
#D1D6DC
#D1DBD7
#D1DFD3
#D1E5CD
#D6C3EA
#D6C9E4
#D6CFDE
#D6D4D9
#D6DAD3
#D6E0CD
#D6E7C6
#DCBDEA
#DCC4E3
#DCCBDC
#DCD3D4
#DCDACD
#DCE1C6
#DCEABD
Colorpallet from #BDDCEA to #DCBDEA and to #EABDDC
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#C2D7EA
#C2D7EA
#C3D7E9
#C3D7E9
#C3D7E9
#C4D7E8
#C4D7E8
#C7D2EA
#C8D2E9
#C8D2E9
#C9D2E8
#CAD2E7
#CAD2E7
#CBD2E6
#CCCDEA
#CDCDE9
#CECDE8
#CFCDE7
#D0CDE6
#D2CDE4
#D3CDE3
#D1C8EA
#D2C8E9
#D4C8E7
#D5C8E6
#D7C8E4
#D8C8E3
#DAC8E1
#D6C3EA
#D8C3E8
#DAC3E6
#DBC3E5
#DDC3E3
#DFC3E1
#E1C3DF
#DCBDEA
#DEBDE8
#E0BDE6
#E3BDE3
#E5BDE1
#E7BDDF
#EABDDC
Colorpallet from #BDDCEA to #DCBDEA and to #EADCBD
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#C2D7EA
#C2D8E9
#C3D9E8
#C3D9E7
#C3DAE6
#C4DBE4
#C4DCE3
#C7D2EA
#C8D4E8
#C8D5E6
#C9D7E3
#CAD8E1
#CADADF
#CBDCDC
#CCCDEA
#CDCFE6
#CED2E3
#CFD4DF
#D0D7DC
#D2D9D8
#D3DCD4
#D1C8EA
#D2CBE5
#D4CEE1
#D5D2DC
#D7D5D7
#D8D8D3
#DADCCD
#D6C3EA
#D8C7E4
#DACBDE
#DBCFD9
#DDD3D3
#DFD7CD
#E1DCC6
#DCBDEA
#DEC2E3
#E0C7DC
#E3CCD4
#E5D1CD
#E7D6C6
#EADCBD
Colorpallet from #BDDCEA to #DCEABD and to #EABDDC
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#C2DEE3
#C2DDE4
#C3DCE5
#C3DBE5
#C3DAE6
#C4D8E7
#C4D7E8
#C7E0DC
#C8DEDE
#C8DCDF
#C9D9E1
#CAD7E2
#CAD5E4
#CBD2E6
#CCE3D4
#CDDFD6
#CEDCD9
#CFD8DB
#D0D5DE
#D2D1E0
#D3CDE3
#D1E5CD
#D2E0D0
#D4DCD3
#D5D7D7
#D7D2DA
#D8CEDD
#DAC8E1
#D6E7C6
#D8E1CA
#DADBCE
#DBD6D2
#DDD0D6
#DFCADA
#E1C3DF
#DCEABD
#DEE3C2
#E0DCC7
#E3D4CC
#E5CDD1
#E7C6D6
#EABDDC
Colorpallet from #BDDCEA to #DCEABD and to #EADCBD
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#C2DEE3
#C2DEE3
#C3DDE3
#C3DDE3
#C3DDE3
#C4DCE3
#C4DCE3
#C7E0DC
#C8DFDC
#C8DFDC
#C9DEDC
#CADDDC
#CADDDC
#CBDCDC
#CCE3D4
#CDE2D4
#CEE1D4
#CFE0D4
#D0DFD4
#D2DDD4
#D3DCD4
#D1E5CD
#D2E4CD
#D4E2CD
#D5E1CD
#D7DFCD
#D8DECD
#DADCCD
#D6E7C6
#D8E5C6
#DAE3C6
#DBE2C6
#DDE0C6
#DFDEC6
#E1DCC6
#DCEABD
#DEE8BD
#E0E6BD
#E3E3BD
#E5E1BD
#E7DFBD
#EADCBD
Colorpallet from #BDDCEA to #EABDDC and to #EADCBD
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#BDDCEA
#C4D7E8
#C4D8E7
#C4D9E6
#C4D9E6
#C4DAE5
#C4DBE4
#C4DCE3
#CBD2E6
#CBD4E4
#CBD5E3
#CBD7E1
#CBD8E0
#CBDADE
#CBDCDC
#D3CDE3
#D3CFE1
#D3D2DE
#D3D4DC
#D3D7D9
#D3D9D7
#D3DCD4
#DAC8E1
#DACBDE
#DACEDB
#DAD2D7
#DAD5D4
#DAD8D1
#DADCCD
#E1C3DF
#E1C7DB
#E1CBD7
#E1CFD3
#E1D3CF
#E1D7CB
#E1DCC6
#EABDDC
#EAC2D7
#EAC7D2
#EACCCD
#EAD1C8
#EAD6C3
#EADCBD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts