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 #BED8E4 to #BEE4D8 and to #D8BEE4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BEDAE2
#BFD9E2
#BFD8E3
#C0D7E3
#C1D6E3
#C1D5E4
#C2D4E4
#BEDCE0
#BFDAE1
#C1D8E1
#C2D6E2
#C3D4E3
#C4D2E3
#C6D0E4
#BEDEDE
#C0DBDF
#C2D8E0
#C4D5E1
#C6D2E2
#C8D0E3
#CACCE4
#BEE0DC
#C1DCDD
#C3D8DF
#C6D4E0
#C9D0E1
#CCCCE2
#CFC7E4
#BEE2DA
#C1DDDC
#C5D8DD
#C8D3DF
#CBCEE0
#CFC9E2
#D3C3E4
#BEE4D8
#C2DEDA
#C6D8DC
#CAD2DE
#CFCCE0
#D3C6E2
#D8BEE4
Colorpallet from #BED8E4 to #BEE4D8 and to #D8E4BE
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BEDAE2
#BFDAE1
#BFDAE1
#C0DAE0
#C1DADF
#C1DADF
#C2DADE
#BEDCE0
#BFDCDF
#C1DCDD
#C2DCDC
#C3DCDB
#C4DCDA
#C6DCD8
#BEDEDE
#C0DEDC
#C2DEDA
#C4DED8
#C6DED6
#C8DED4
#CADED2
#BEE0DC
#C1E0D9
#C3E0D7
#C6E0D4
#C9E0D2
#CCE0CF
#CFE0CC
#BEE2DA
#C1E2D7
#C5E2D4
#C8E2D0
#CBE2CD
#CFE2CA
#D3E2C6
#BEE4D8
#C2E4D4
#C6E4D0
#CAE4CC
#CFE4C7
#D3E4C3
#D8E4BE
Colorpallet from #BED8E4 to #BEE4D8 and to #E4BED8
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BEDAE2
#BFD9E2
#C0D8E2
#C1D7E2
#C2D6E2
#C3D5E2
#C4D4E2
#BEDCE0
#C0DAE0
#C2D8E0
#C4D6E0
#C6D4E0
#C8D2E0
#CAD0E0
#BEDEDE
#C1DBDE
#C4D8DE
#C7D5DE
#CAD2DE
#CCD0DE
#D0CCDE
#BEE0DC
#C2DCDC
#C6D8DC
#CAD4DC
#CDD0DC
#D1CCDC
#D6C7DC
#BEE2DA
#C3DDDA
#C8D8DA
#CCD3DA
#D1CEDA
#D6C9DA
#DCC3DA
#BEE4D8
#C4DED8
#CAD8D8
#D0D2D8
#D6CCD8
#DCC6D8
#E4BED8
Colorpallet from #BED8E4 to #BEE4D8 and to #E4D8BE
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BEDAE2
#BFDAE1
#C0D9E1
#C1D9E0
#C2D9DF
#C3D8DF
#C4D8DE
#BEDCE0
#C0DBDF
#C2DBDD
#C4DADC
#C6D9DB
#C8D9DA
#CAD8D8
#BEDEDE
#C1DDDC
#C4DCDA
#C7DBD8
#CADAD6
#CCD9D4
#D0D8D2
#BEE0DC
#C2DFD9
#C6DDD7
#CADCD4
#CDDBD2
#D1DACF
#D6D8CC
#BEE2DA
#C3E0D7
#C8DFD4
#CCDDD0
#D1DCCD
#D6DACA
#DCD8C6
#BEE4D8
#C4E2D4
#CAE0D0
#D0DECC
#D6DCC7
#DCDAC3
#E4D8BE
Colorpallet from #BED8E4 to #D8BEE4 and to #D8E4BE
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#C2D4E4
#C2D5E3
#C2D6E2
#C2D7E1
#C2D8E0
#C2D9DF
#C2DADE
#C6D0E4
#C6D2E2
#C6D4E0
#C6D6DE
#C6D8DC
#C6DADA
#C6DCD8
#CACCE4
#CACFE1
#CAD2DE
#CAD5DB
#CAD8D8
#CADAD6
#CADED2
#CFC7E4
#CFCBE0
#CFCFDC
#CFD3D8
#CFD7D5
#CFDBD1
#CFE0CC
#D3C3E4
#D3C8DF
#D3CDDA
#D3D2D6
#D3D7D1
#D3DCCC
#D3E2C6
#D8BEE4
#D8C4DE
#D8CAD8
#D8D0D2
#D8D6CC
#D8DCC6
#D8E4BE
Colorpallet from #BED8E4 to #D8BEE4 and to #E4BED8
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#C2D4E4
#C2D4E4
#C3D4E3
#C3D4E3
#C3D4E3
#C4D4E2
#C4D4E2
#C6D0E4
#C7D0E3
#C7D0E3
#C8D0E2
#C9D0E1
#C9D0E1
#CAD0E0
#CACCE4
#CBCCE3
#CCCCE2
#CDCCE1
#CECCE0
#CFCCDF
#D0CCDE
#CFC7E4
#D0C7E3
#D1C7E1
#D2C7E0
#D3C7DF
#D5C7DE
#D6C7DC
#D3C3E4
#D4C3E2
#D6C3E1
#D7C3DF
#D9C3DE
#DAC3DC
#DCC3DA
#D8BEE4
#DABEE2
#DCBEE0
#DEBEDE
#E0BEDC
#E2BEDA
#E4BED8
Colorpallet from #BED8E4 to #D8BEE4 and to #E4D8BE
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#C2D4E4
#C2D5E3
#C3D5E2
#C3D6E1
#C3D7E0
#C4D7DF
#C4D8DE
#C6D0E4
#C7D1E2
#C7D3E0
#C8D4DE
#C9D5DC
#C9D6DA
#CAD8D8
#CACCE4
#CBCEE1
#CCD0DE
#CDD2DB
#CED4D8
#CFD6D6
#D0D8D2
#CFC7E4
#D0CAE0
#D1CCDC
#D2CFD8
#D3D2D5
#D5D5D1
#D6D8CC
#D3C3E4
#D4C6DF
#D6CADA
#D7CDD6
#D9D0D1
#DAD4CC
#DCD8C6
#D8BEE4
#DAC2DE
#DCC6D8
#DECAD2
#E0CFCC
#E2D3C6
#E4D8BE
Colorpallet from #BED8E4 to #D8E4BE and to #E4BED8
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#C2DADE
#C2D9DF
#C3D8DF
#C3D7E0
#C3D6E1
#C4D5E1
#C4D4E2
#C6DCD8
#C7DAD9
#C7D8DB
#C8D6DC
#C9D4DD
#C9D2DE
#CAD0E0
#CADED2
#CBDBD4
#CCD8D6
#CDD5D8
#CED2DA
#CFD0DC
#D0CCDE
#CFE0CC
#D0DCCF
#D1D8D1
#D2D4D4
#D3D0D6
#D5CCD9
#D6C7DC
#D3E2C6
#D4DDC9
#D6D8CC
#D7D3D0
#D9CED3
#DAC9D6
#DCC3DA
#D8E4BE
#DADEC2
#DCD8C6
#DED2CA
#E0CCCF
#E2C6D3
#E4BED8
Colorpallet from #BED8E4 to #D8E4BE and to #E4D8BE
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#C2DADE
#C2DADE
#C3D9DE
#C3D9DE
#C3D9DE
#C4D8DE
#C4D8DE
#C6DCD8
#C7DBD8
#C7DBD8
#C8DAD8
#C9D9D8
#C9D9D8
#CAD8D8
#CADED2
#CBDDD2
#CCDCD2
#CDDBD2
#CEDAD2
#CFD9D2
#D0D8D2
#CFE0CC
#D0DFCC
#D1DDCC
#D2DCCC
#D3DBCC
#D5DACC
#D6D8CC
#D3E2C6
#D4E0C6
#D6DFC6
#D7DDC6
#D9DCC6
#DADAC6
#DCD8C6
#D8E4BE
#DAE2BE
#DCE0BE
#DEDEBE
#E0DCBE
#E2DABE
#E4D8BE
Colorpallet from #BED8E4 to #E4BED8 and to #E4D8BE
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#BED8E4
#C4D4E2
#C4D5E1
#C4D5E1
#C4D6E0
#C4D7DF
#C4D7DF
#C4D8DE
#CAD0E0
#CAD1DF
#CAD3DD
#CAD4DC
#CAD5DB
#CAD6DA
#CAD8D8
#D0CCDE
#D0CEDC
#D0D0DA
#D0D2D8
#D0D4D6
#D0D6D4
#D0D8D2
#D6C7DC
#D6CAD9
#D6CCD7
#D6CFD4
#D6D2D2
#D6D5CF
#D6D8CC
#DCC3DA
#DCC6D7
#DCCAD4
#DCCDD0
#DCD0CD
#DCD4CA
#DCD8C6
#E4BED8
#E4C2D4
#E4C6D0
#E4CACC
#E4CFC7
#E4D3C3
#E4D8BE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
