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 #BDD3E9 to #BDE9D3 and to #D3BDE9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD7E5
#BED6E6
#BED4E6
#BFD3E7
#C0D2E8
#C0D1E8
#C1CFE9
#BDDAE2
#BED8E3
#BFD6E4
#C0D3E5
#C1D1E6
#C3CFE8
#C4CCE9
#BDDEDE
#BFDAE0
#C1D7E2
#C2D3E3
#C4D0E5
#C6CCE7
#C8C8E9
#BDE1DB
#BFDDDD
#C1D8DF
#C4D4E2
#C6CFE4
#C8CBE6
#CBC5E9
#BDE5D7
#C0DFDA
#C3D9DD
#C6D4E0
#C9CEE3
#CBC8E5
#CFC1E9
#BDE9D3
#C1E2D7
#C4DBDA
#C8D4DE
#CBCDE1
#CFC6E5
#D3BDE9
Colorpallet from #BDD3E9 to #BDE9D3 and to #D3E9BD
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD7E5
#BED7E5
#BED7E4
#BFD7E4
#C0D7E3
#C0D7E3
#C1D7E2
#BDDAE2
#BEDAE1
#BFDAE0
#C0DADF
#C1DADE
#C3DADC
#C4DADB
#BDDEDE
#BFDEDC
#C1DEDB
#C2DED9
#C4DED8
#C6DED6
#C8DED4
#BDE1DB
#BFE1D9
#C1E1D7
#C4E1D4
#C6E1D2
#C8E1D0
#CBE1CD
#BDE5D7
#C0E5D4
#C3E5D2
#C6E5CF
#C9E5CC
#CBE5C9
#CFE5C6
#BDE9D3
#C1E9CF
#C4E9CC
#C8E9C8
#CBE9C5
#CFE9C1
#D3E9BD
Colorpallet from #BDD3E9 to #BDE9D3 and to #E9BDD3
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD7E5
#BED6E5
#BFD4E5
#C0D3E5
#C1D2E5
#C3D1E5
#C4CFE5
#BDDAE2
#BFD8E2
#C1D6E2
#C4D3E2
#C6D1E2
#C8CFE2
#CBCCE2
#BDDEDE
#C0DADE
#C4D7DE
#C7D3DE
#CAD0DE
#CECCDE
#D2C8DE
#BDE1DB
#C1DDDB
#C6D8DB
#CAD4DB
#CFCFDB
#D3CBDB
#D9C5DB
#BDE5D7
#C3DFD7
#C8D9D7
#CED4D7
#D3CED7
#D9C8D7
#E0C1D7
#BDE9D3
#C4E2D3
#CBDBD3
#D2D4D3
#D9CDD3
#E0C6D3
#E9BDD3
Colorpallet from #BDD3E9 to #BDE9D3 and to #E9D3BD
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD7E5
#BED6E5
#BFD6E4
#C0D5E4
#C1D4E3
#C3D4E3
#C4D3E2
#BDDAE2
#BFD9E1
#C1D8E0
#C4D7DF
#C6D6DE
#C8D4DC
#CBD3DB
#BDDEDE
#C0DCDC
#C4DADB
#C7D9D9
#CAD7D8
#CED5D6
#D2D3D4
#BDE1DB
#C1DFD9
#C6DDD7
#CADAD4
#CFD8D2
#D3D6D0
#D9D3CD
#BDE5D7
#C3E2D4
#C8DFD2
#CEDCCF
#D3D9CC
#D9D7C9
#E0D3C6
#BDE9D3
#C4E5CF
#CBE2CC
#D2DEC8
#D9DBC5
#E0D7C1
#E9D3BD
Colorpallet from #BDD3E9 to #D3BDE9 and to #D3E9BD
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#C1CFE9
#C1D0E8
#C1D2E7
#C1D3E6
#C1D4E5
#C1D5E3
#C1D7E2
#C4CCE9
#C4CEE7
#C4D0E5
#C4D3E2
#C4D5E0
#C4D7DE
#C4DADB
#C8C8E9
#C8CCE6
#C8CFE2
#C8D3DF
#C8D6DC
#C8DAD8
#C8DED4
#CBC5E9
#CBC9E5
#CBCEE0
#CBD2DC
#CBD7D7
#CBDBD3
#CBE1CD
#CFC1E9
#CFC7E3
#CFCDDE
#CFD2D8
#CFD8D3
#CFDECD
#CFE5C6
#D3BDE9
#D3C4E2
#D3CBDB
#D3D2D4
#D3D9CD
#D3E0C6
#D3E9BD
Colorpallet from #BDD3E9 to #D3BDE9 and to #E9BDD3
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#C1CFE9
#C1CFE8
#C2CFE8
#C2CFE7
#C3CFE6
#C3CFE6
#C4CFE5
#C4CCE9
#C5CCE8
#C6CCE7
#C7CCE6
#C8CCE5
#CACCE3
#CBCCE2
#C8C8E9
#CAC8E7
#CBC8E5
#CDC8E4
#CEC8E2
#D0C8E0
#D2C8DE
#CBC5E9
#CDC5E7
#CFC5E5
#D2C5E2
#D4C5E0
#D6C5DE
#D9C5DB
#CFC1E9
#D2C1E6
#D4C1E3
#D7C1E0
#DAC1DD
#DDC1DB
#E0C1D7
#D3BDE9
#D7BDE5
#DABDE2
#DEBDDE
#E1BDDB
#E5BDD7
#E9BDD3
Colorpallet from #BDD3E9 to #D3BDE9 and to #E9D3BD
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#C1CFE9
#C1D0E8
#C2D0E7
#C2D1E6
#C3D2E5
#C3D2E3
#C4D3E2
#C4CCE9
#C5CDE7
#C6CEE5
#C7CFE2
#C8D0E0
#CAD2DE
#CBD3DB
#C8C8E9
#CACAE6
#CBCCE2
#CDCDDF
#CECFDC
#D0D1D8
#D2D3D4
#CBC5E9
#CDC7E5
#CFC9E0
#D2CCDC
#D4CED7
#D6D0D3
#D9D3CD
#CFC1E9
#D2C4E3
#D4C7DE
#D7CAD8
#DACDD3
#DDCFCD
#E0D3C6
#D3BDE9
#D7C1E2
#DAC4DB
#DEC8D4
#E1CBCD
#E5CFC6
#E9D3BD
Colorpallet from #BDD3E9 to #D3E9BD and to #E9BDD3
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#C1D7E2
#C1D6E2
#C2D4E3
#C2D3E3
#C3D2E4
#C3D1E4
#C4CFE5
#C4DADB
#C5D8DC
#C6D6DD
#C7D3DE
#C8D1DF
#CACFE1
#CBCCE2
#C8DED4
#CADAD6
#CBD7D7
#CDD3D9
#CED0DA
#D0CCDC
#D2C8DE
#CBE1CD
#CDDDCF
#CFD8D1
#D2D4D4
#D4CFD6
#D6CBD8
#D9C5DB
#CFE5C6
#D2DFC9
#D4D9CB
#D7D4CE
#DACED1
#DDC8D4
#E0C1D7
#D3E9BD
#D7E2C1
#DADBC4
#DED4C8
#E1CDCB
#E5C6CF
#E9BDD3
Colorpallet from #BDD3E9 to #D3E9BD and to #E9D3BD
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#C1D7E2
#C1D6E2
#C2D6E2
#C2D5E2
#C3D4E2
#C3D4E2
#C4D3E2
#C4DADB
#C5D9DB
#C6D8DB
#C7D7DB
#C8D6DB
#CAD4DB
#CBD3DB
#C8DED4
#CADCD4
#CBDAD4
#CDD9D4
#CED7D4
#D0D5D4
#D2D3D4
#CBE1CD
#CDDFCD
#CFDDCD
#D2DACD
#D4D8CD
#D6D6CD
#D9D3CD
#CFE5C6
#D2E2C6
#D4DFC6
#D7DCC6
#DAD9C6
#DDD7C6
#E0D3C6
#D3E9BD
#D7E5BD
#DAE2BD
#DEDEBD
#E1DBBD
#E5D7BD
#E9D3BD
Colorpallet from #BDD3E9 to #E9BDD3 and to #E9D3BD
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#BDD3E9
#C4CFE5
#C4D0E5
#C4D0E4
#C4D1E4
#C4D2E3
#C4D2E3
#C4D3E2
#CBCCE2
#CBCDE1
#CBCEE0
#CBCFDF
#CBD0DE
#CBD2DC
#CBD3DB
#D2C8DE
#D2CADC
#D2CCDB
#D2CDD9
#D2CFD8
#D2D1D6
#D2D3D4
#D9C5DB
#D9C7D9
#D9C9D7
#D9CCD4
#D9CED2
#D9D0D0
#D9D3CD
#E0C1D7
#E0C4D4
#E0C7D2
#E0CACF
#E0CDCC
#E0CFC9
#E0D3C6
#E9BDD3
#E9C1CF
#E9C4CC
#E9C8C8
#E9CBC5
#E9CFC1
#E9D3BD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts