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 #BDDAE8 to #BDE8DA and to #DABDE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDCE6
#BEDBE6
#BFDAE7
#BFD9E7
#C0D8E7
#C1D6E8
#C2D5E8
#BDDEE4
#BEDCE5
#C0DAE5
#C1D8E6
#C3D6E7
#C4D4E7
#C6D1E8
#BDE1E1
#BFDEE2
#C1DAE3
#C4D7E4
#C6D4E5
#C8D0E7
#CBCCE8
#BDE3DF
#C0DFE0
#C3DAE2
#C6D6E3
#C9D1E5
#CCCDE6
#D0C7E8
#BDE5DD
#C1E0DF
#C4DAE1
#C8D5E2
#CCCFE4
#CFCAE6
#D4C3E8
#BDE8DA
#C2E1DC
#C6DADE
#CBD3E1
#D0CCE3
#D4C6E5
#DABDE8
Colorpallet from #BDDAE8 to #BDE8DA and to #DAE8BD
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDCE6
#BEDCE5
#BFDCE4
#BFDCE4
#C0DCE3
#C1DCE2
#C2DCE1
#BDDEE4
#BEDEE2
#C0DEE1
#C1DEDF
#C3DEDE
#C4DEDC
#C6DEDA
#BDE1E1
#BFE1DF
#C1E1DD
#C4E1DA
#C6E1D8
#C8E1D6
#CBE1D3
#BDE3DF
#C0E3DC
#C3E3D9
#C6E3D6
#C9E3D3
#CCE3D0
#D0E3CC
#BDE5DD
#C1E5D9
#C4E5D6
#C8E5D2
#CCE5CE
#CFE5CB
#D4E5C6
#BDE8DA
#C2E8D5
#C6E8D1
#CBE8CC
#D0E8C7
#D4E8C3
#DAE8BD
Colorpallet from #BDDAE8 to #BDE8DA and to #E8BDDA
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDCE6
#BEDBE6
#BFDAE6
#C0D9E6
#C1D8E6
#C3D6E6
#C4D5E6
#BDDEE4
#BFDCE4
#C1DAE4
#C4D8E4
#C6D6E4
#C8D4E4
#CBD1E4
#BDE1E1
#C0DEE1
#C4DAE1
#C7D7E1
#CAD4E1
#CED0E1
#D2CCE1
#BDE3DF
#C1DFDF
#C6DADF
#CAD6DF
#CFD1DF
#D3CDDF
#D9C7DF
#BDE5DD
#C2E0DD
#C8DADD
#CDD5DD
#D3CFDD
#D8CADD
#DFC3DD
#BDE8DA
#C4E1DA
#CBDADA
#D2D3DA
#D9CCDA
#DFC6DA
#E8BDDA
Colorpallet from #BDDAE8 to #BDE8DA and to #E8DABD
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDCE6
#BEDCE5
#BFDBE4
#C0DBE4
#C1DBE3
#C3DAE2
#C4DAE1
#BDDEE4
#BFDDE2
#C1DDE1
#C4DCDF
#C6DBDE
#C8DBDC
#CBDADA
#BDE1E1
#C0E0DF
#C4DFDD
#C7DEDA
#CADDD8
#CEDBD6
#D2DAD3
#BDE3DF
#C1E2DC
#C6E0D9
#CADFD6
#CFDDD3
#D3DCD0
#D9DACC
#BDE5DD
#C2E3D9
#C8E1D6
#CDE0D2
#D3DECE
#D8DCCB
#DFDAC6
#BDE8DA
#C4E6D5
#CBE4D1
#D2E1CC
#D9DFC7
#DFDDC3
#E8DABD
Colorpallet from #BDDAE8 to #DABDE8 and to #DAE8BD
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#C2D5E8
#C2D6E7
#C2D7E6
#C2D8E5
#C2D9E4
#C2DBE2
#C2DCE1
#C6D1E8
#C6D3E6
#C6D5E4
#C6D7E1
#C6D9DF
#C6DBDD
#C6DEDA
#CBCCE8
#CBCFE5
#CBD3E1
#CBD6DE
#CBD9DB
#CBDDD7
#CBE1D3
#D0C7E8
#D0CBE4
#D0D0DF
#D0D4DB
#D0D9D6
#D0DDD2
#D0E3CC
#D4C3E8
#D4C8E3
#D4CEDD
#D4D3D8
#D4D9D2
#D4DECD
#D4E5C6
#DABDE8
#DAC4E1
#DACBDA
#DAD2D3
#DAD9CC
#DADFC6
#DAE8BD
Colorpallet from #BDDAE8 to #DABDE8 and to #E8BDDA
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#C2D5E8
#C2D5E8
#C3D5E7
#C3D5E7
#C3D5E7
#C4D5E6
#C4D5E6
#C6D1E8
#C7D1E7
#C8D1E7
#C8D1E6
#C9D1E5
#CAD1E5
#CBD1E4
#CBCCE8
#CCCCE7
#CDCCE6
#CECCE5
#CFCCE4
#D1CCE2
#D2CCE1
#D0C7E8
#D1C7E7
#D3C7E5
#D4C7E4
#D6C7E2
#D7C7E1
#D9C7DF
#D4C3E8
#D6C3E6
#D8C3E4
#D9C3E3
#DBC3E1
#DDC3DF
#DFC3DD
#DABDE8
#DCBDE6
#DEBDE4
#E1BDE1
#E3BDDF
#E5BDDD
#E8BDDA
Colorpallet from #BDDAE8 to #DABDE8 and to #E8DABD
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#C2D5E8
#C2D6E7
#C3D7E6
#C3D7E5
#C3D8E4
#C4D9E2
#C4DAE1
#C6D1E8
#C7D2E6
#C8D4E4
#C8D5E1
#C9D7DF
#CAD8DD
#CBDADA
#CBCCE8
#CCCEE5
#CDD0E1
#CED3DE
#CFD5DB
#D1D7D7
#D2DAD3
#D0C7E8
#D1CAE4
#D3CDDF
#D4D0DB
#D6D3D6
#D7D6D2
#D9DACC
#D4C3E8
#D6C7E3
#D8CADD
#D9CED8
#DBD2D2
#DDD5CD
#DFDAC6
#DABDE8
#DCC2E1
#DEC6DA
#E1CBD3
#E3D0CC
#E5D4C6
#E8DABD
Colorpallet from #BDDAE8 to #DAE8BD and to #E8BDDA
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#C2DCE1
#C2DBE2
#C3DAE3
#C3D9E3
#C3D8E4
#C4D6E5
#C4D5E6
#C6DEDA
#C7DCDC
#C8DADD
#C8D8DF
#C9D6E0
#CAD4E2
#CBD1E4
#CBE1D3
#CCDED5
#CDDAD7
#CED7DA
#CFD4DC
#D1D0DE
#D2CCE1
#D0E3CC
#D1DFCF
#D3DAD2
#D4D6D5
#D6D1D8
#D7CDDB
#D9C7DF
#D4E5C6
#D6E0CA
#D8DACD
#D9D5D1
#DBCFD5
#DDCAD8
#DFC3DD
#DAE8BD
#DCE1C2
#DEDAC6
#E1D3CB
#E3CCD0
#E5C6D4
#E8BDDA
Colorpallet from #BDDAE8 to #DAE8BD and to #E8DABD
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#C2DCE1
#C2DCE1
#C3DBE1
#C3DBE1
#C3DBE1
#C4DAE1
#C4DAE1
#C6DEDA
#C7DDDA
#C8DDDA
#C8DCDA
#C9DBDA
#CADBDA
#CBDADA
#CBE1D3
#CCE0D3
#CDDFD3
#CEDED3
#CFDDD3
#D1DBD3
#D2DAD3
#D0E3CC
#D1E2CC
#D3E0CC
#D4DFCC
#D6DDCC
#D7DCCC
#D9DACC
#D4E5C6
#D6E3C6
#D8E1C6
#D9E0C6
#DBDEC6
#DDDCC6
#DFDAC6
#DAE8BD
#DCE6BD
#DEE4BD
#E1E1BD
#E3DFBD
#E5DDBD
#E8DABD
Colorpallet from #BDDAE8 to #E8BDDA and to #E8DABD
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#BDDAE8
#C4D5E6
#C4D6E5
#C4D7E4
#C4D7E4
#C4D8E3
#C4D9E2
#C4DAE1
#CBD1E4
#CBD2E2
#CBD4E1
#CBD5DF
#CBD7DE
#CBD8DC
#CBDADA
#D2CCE1
#D2CEDF
#D2D0DD
#D2D3DA
#D2D5D8
#D2D7D6
#D2DAD3
#D9C7DF
#D9CADC
#D9CDD9
#D9D0D6
#D9D3D3
#D9D6D0
#D9DACC
#DFC3DD
#DFC7D9
#DFCAD6
#DFCED2
#DFD2CE
#DFD5CB
#DFDAC6
#E8BDDA
#E8C2D5
#E8C6D1
#E8CBCC
#E8D0C7
#E8D4C3
#E8DABD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts