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 #BEDCE2 to #BEE2DC and to #DCBEE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDDE1
#BFDCE1
#C0DBE1
#C0DAE1
#C1D9E2
#C2D8E2
#C3D7E2
#BEDEE0
#C0DCE0
#C1DAE1
#C3D8E1
#C4D6E1
#C6D4E2
#C8D2E2
#BEDFDF
#C0DCDF
#C2DAE0
#C5D7E0
#C7D4E1
#C9D1E1
#CCCEE2
#BEE0DE
#C1DCDF
#C4D9DF
#C7D5E0
#CAD1E1
#CDCEE1
#D1C9E2
#BEE1DD
#C2DCDE
#C6D8DF
#CAD3DF
#CDCEE0
#D1CAE1
#D6C4E2
#BEE2DC
#C3DCDD
#C8D6DE
#CCD1DF
#D1CBE0
#D6C5E1
#DCBEE2
Colorpallet from #BEDCE2 to #BEE2DC and to #DCE2BE
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDDE1
#BFDDE0
#C0DDDF
#C0DDDF
#C1DDDE
#C2DDDD
#C3DDDC
#BEDEE0
#C0DEDE
#C1DEDD
#C3DEDB
#C4DEDA
#C6DED8
#C8DED6
#BEDFDF
#C0DFDD
#C2DFDB
#C5DFD8
#C7DFD6
#C9DFD4
#CCDFD1
#BEE0DE
#C1E0DB
#C4E0D8
#C7E0D5
#CAE0D2
#CDE0CF
#D1E0CB
#BEE1DD
#C2E1D9
#C6E1D5
#CAE1D1
#CDE1CE
#D1E1CA
#D6E1C5
#BEE2DC
#C3E2D7
#C8E2D2
#CCE2CE
#D1E2C9
#D6E2C4
#DCE2BE
Colorpallet from #BEDCE2 to #BEE2DC and to #E2BEDC
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDDE1
#BFDCE1
#C0DBE1
#C1DAE1
#C2D9E1
#C3D8E1
#C4D7E1
#BEDEE0
#C0DCE0
#C2DAE0
#C4D8E0
#C6D6E0
#C8D4E0
#CAD2E0
#BEDFDF
#C1DCDF
#C3DADF
#C6D7DF
#C9D4DF
#CCD1DF
#CFCEDF
#BEE0DE
#C2DCDE
#C5D9DE
#C9D5DE
#CDD1DE
#D0CEDE
#D5C9DE
#BEE1DD
#C3DCDD
#C7D8DD
#CCD3DD
#D1CEDD
#D5CADD
#DBC4DD
#BEE2DC
#C4DCDC
#CAD6DC
#CFD1DC
#D5CBDC
#DBC5DC
#E2BEDC
Colorpallet from #BEDCE2 to #BEE2DC and to #E2DCBE
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDDE1
#BFDDE0
#C0DDDF
#C1DDDF
#C2DCDE
#C3DCDD
#C4DCDC
#BEDEE0
#C0DEDE
#C2DDDD
#C4DDDB
#C6DDDA
#C8DCD8
#CADCD6
#BEDFDF
#C1DFDD
#C3DEDB
#C6DED8
#C9DDD6
#CCDDD4
#CFDCD1
#BEE0DE
#C2DFDB
#C5DFD8
#C9DED5
#CDDDD2
#D0DDCF
#D5DCCB
#BEE1DD
#C3E0D9
#C7DFD5
#CCDFD1
#D1DECE
#D5DDCA
#DBDCC5
#BEE2DC
#C4E1D7
#CAE0D2
#CFDFCE
#D5DEC9
#DBDDC4
#E2DCBE
Colorpallet from #BEDCE2 to #DCBEE2 and to #DCE2BE
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#C3D7E2
#C3D8E1
#C3D9E0
#C3DADF
#C3DBDE
#C3DCDD
#C3DDDC
#C8D2E2
#C8D4E0
#C8D6DE
#C8D8DC
#C8DADA
#C8DCD8
#C8DED6
#CCCEE2
#CCD1DF
#CCD3DD
#CCD6DA
#CCD9D7
#CCDCD4
#CCDFD1
#D1C9E2
#D1CDDE
#D1D0DB
#D1D4D7
#D1D8D3
#D1DBD0
#D1E0CB
#D6C4E2
#D6C9DD
#D6CDD9
#D6D2D4
#D6D7CF
#D6DBCB
#D6E1C5
#DCBEE2
#DCC4DC
#DCCAD6
#DCCFD1
#DCD5CB
#DCDBC5
#DCE2BE
Colorpallet from #BEDCE2 to #DCBEE2 and to #E2BEDC
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#C3D7E2
#C3D7E2
#C3D7E2
#C3D7E2
#C4D7E1
#C4D7E1
#C4D7E1
#C8D2E2
#C8D2E2
#C9D2E1
#C9D2E1
#C9D2E1
#CAD2E0
#CAD2E0
#CCCEE2
#CCCEE2
#CDCEE1
#CDCEE1
#CECEE0
#CECEE0
#CFCEDF
#D1C9E2
#D2C9E1
#D2C9E1
#D3C9E0
#D4C9DF
#D4C9DF
#D5C9DE
#D6C4E2
#D7C4E1
#D8C4E0
#D8C4E0
#D9C4DF
#DAC4DE
#DBC4DD
#DCBEE2
#DDBEE1
#DEBEE0
#DFBEDF
#E0BEDE
#E1BEDD
#E2BEDC
Colorpallet from #BEDCE2 to #DCBEE2 and to #E2DCBE
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#C3D7E2
#C3D8E1
#C3D9E0
#C3D9DF
#C4DADE
#C4DBDD
#C4DCDC
#C8D2E2
#C8D4E0
#C9D5DE
#C9D7DC
#C9D8DA
#CADAD8
#CADCD6
#CCCEE2
#CCD0DF
#CDD2DD
#CDD5DA
#CED7D7
#CED9D4
#CFDCD1
#D1C9E2
#D2CCDE
#D2CFDB
#D3D2D7
#D4D5D3
#D4D8D0
#D5DCCB
#D6C4E2
#D7C8DD
#D8CCD9
#D8D0D4
#D9D3CF
#DAD7CB
#DBDCC5
#DCBEE2
#DDC3DC
#DEC8D6
#DFCCD1
#E0D1CB
#E1D6C5
#E2DCBE
Colorpallet from #BEDCE2 to #DCE2BE and to #E2BEDC
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#C3DDDC
#C3DCDD
#C3DBDE
#C3DADE
#C4D9DF
#C4D8E0
#C4D7E1
#C8DED6
#C8DCD8
#C9DAD9
#C9D8DB
#C9D6DC
#CAD4DE
#CAD2E0
#CCDFD1
#CCDCD3
#CDDAD5
#CDD7D8
#CED4DA
#CED1DC
#CFCEDF
#D1E0CB
#D2DCCE
#D2D9D1
#D3D5D4
#D4D1D7
#D4CEDA
#D5C9DE
#D6E1C5
#D7DCC9
#D8D8CD
#D8D3D1
#D9CED4
#DACAD8
#DBC4DD
#DCE2BE
#DDDCC3
#DED6C8
#DFD1CC
#E0CBD1
#E1C5D6
#E2BEDC
Colorpallet from #BEDCE2 to #DCE2BE and to #E2DCBE
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#C3DDDC
#C3DDDC
#C3DDDC
#C3DDDC
#C4DCDC
#C4DCDC
#C4DCDC
#C8DED6
#C8DED6
#C9DDD6
#C9DDD6
#C9DDD6
#CADCD6
#CADCD6
#CCDFD1
#CCDFD1
#CDDED1
#CDDED1
#CEDDD1
#CEDDD1
#CFDCD1
#D1E0CB
#D2DFCB
#D2DFCB
#D3DECB
#D4DDCB
#D4DDCB
#D5DCCB
#D6E1C5
#D7E0C5
#D8DFC5
#D8DFC5
#D9DEC5
#DADDC5
#DBDCC5
#DCE2BE
#DDE1BE
#DEE0BE
#DFDFBE
#E0DEBE
#E1DDBE
#E2DCBE
Colorpallet from #BEDCE2 to #E2BEDC and to #E2DCBE
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#BEDCE2
#C4D7E1
#C4D8E0
#C4D9DF
#C4D9DF
#C4DADE
#C4DBDD
#C4DCDC
#CAD2E0
#CAD4DE
#CAD5DD
#CAD7DB
#CAD8DA
#CADAD8
#CADCD6
#CFCEDF
#CFD0DD
#CFD2DB
#CFD5D8
#CFD7D6
#CFD9D4
#CFDCD1
#D5C9DE
#D5CCDB
#D5CFD8
#D5D2D5
#D5D5D2
#D5D8CF
#D5DCCB
#DBC4DD
#DBC8D9
#DBCCD5
#DBD0D1
#DBD3CE
#DBD7CA
#DBDCC5
#E2BEDC
#E2C3D7
#E2C8D2
#E2CCCE
#E2D1C9
#E2D6C4
#E2DCBE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts