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 #BADCEC to #BAECDC and to #DCBAEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADFE9
#BBDEE9
#BCDCEA
#BCDBEA
#BDDAEB
#BED9EB
#BFD7EC
#BAE1E7
#BCDEE8
#BEDCE9
#BFD9E9
#C1D7EA
#C3D4EB
#C5D1EC
#BAE4E4
#BDE0E5
#BFDCE7
#C2D8E8
#C4D5E9
#C7D1EA
#CACCEC
#BAE6E2
#BEE1E4
#C1DCE5
#C5D7E7
#C8D2E8
#CCCCEA
#D0C6EC
#BAE9DF
#BEE3E1
#C3DCE3
#C7D6E5
#CBCFE7
#D0C9E9
#D5C1EC
#BAECDC
#BFE4DF
#C5DCE1
#CAD4E4
#D0CCE6
#D5C4E9
#DCBAEC
Colorpallet from #BADCEC to #BAECDC and to #DCECBA
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADFE9
#BBDFE8
#BCDFE7
#BCDFE7
#BDDFE6
#BEDFE5
#BFDFE4
#BAE1E7
#BCE1E5
#BEE1E3
#BFE1E2
#C1E1E0
#C3E1DE
#C5E1DC
#BAE4E4
#BDE4E1
#BFE4DF
#C2E4DC
#C4E4DA
#C7E4D7
#CAE4D4
#BAE6E2
#BEE6DE
#C1E6DB
#C5E6D7
#C8E6D4
#CCE6D0
#D0E6CC
#BAE9DF
#BEE9DB
#C3E9D6
#C7E9D2
#CBE9CE
#D0E9C9
#D5E9C4
#BAECDC
#BFECD7
#C5ECD1
#CAECCC
#D0ECC6
#D5ECC1
#DCECBA
Colorpallet from #BADCEC to #BAECDC and to #ECBADC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADFE9
#BBDEE9
#BDDCE9
#BEDBE9
#BFDAE9
#C0D9E9
#C2D7E9
#BAE1E7
#BDDEE7
#BFDCE7
#C2D9E7
#C4D7E7
#C7D4E7
#CAD1E7
#BAE4E4
#BEE0E4
#C2DCE4
#C6D8E4
#C9D5E4
#CDD1E4
#D2CCE4
#BAE6E2
#BFE1E2
#C4DCE2
#C9D7E2
#CED2E2
#D4CCE2
#DAC6E2
#BAE9DF
#C0E3DF
#C7DCDF
#CDD6DF
#D4CFDF
#DAC9DF
#E2C1DF
#BAECDC
#C2E4DC
#CADCDC
#D2D4DC
#DACCDC
#E2C4DC
#ECBADC
Colorpallet from #BADCEC to #BAECDC and to #ECDCBA
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADFE9
#BBDFE8
#BDDEE7
#BEDEE7
#BFDDE6
#C0DDE5
#C2DCE4
#BAE1E7
#BDE0E5
#BFDFE3
#C2DFE2
#C4DEE0
#C7DDDE
#CADCDC
#BAE4E4
#BEE3E1
#C2E1DF
#C6E0DC
#C9DFDA
#CDDED7
#D2DCD4
#BAE6E2
#BFE4DE
#C4E3DB
#C9E1D7
#CEE0D4
#D4DED0
#DADCCC
#BAE9DF
#C0E7DB
#C7E5D6
#CDE3D2
#D4E1CE
#DADFC9
#E2DCC4
#BAECDC
#C2E9D7
#CAE7D1
#D2E4CC
#DAE2C6
#E2DFC1
#ECDCBA
Colorpallet from #BADCEC to #DCBAEC and to #DCECBA
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BFD7EC
#BFD8EB
#BFDAE9
#BFDBE8
#BFDCE7
#BFDDE6
#BFDFE4
#C5D1EC
#C5D4E9
#C5D6E7
#C5D9E4
#C5DBE2
#C5DEDF
#C5E1DC
#CACCEC
#CAD0E8
#CAD4E4
#CAD8E0
#CADBDD
#CADFD9
#CAE4D4
#D0C6EC
#D0CBE7
#D0D0E2
#D0D5DD
#D0DAD8
#D0E0D2
#D0E6CC
#D5C1EC
#D5C7E6
#D5CEDF
#D5D4D9
#D5DBD2
#D5E1CC
#D5E9C4
#DCBAEC
#DCC2E4
#DCCADC
#DCD2D4
#DCDACC
#DCE2C4
#DCECBA
Colorpallet from #BADCEC to #DCBAEC and to #ECBADC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BFD7EC
#BFD7EC
#C0D7EB
#C0D7EB
#C1D7EA
#C1D7EA
#C2D7E9
#C5D1EC
#C6D1EB
#C7D1EA
#C7D1EA
#C8D1E9
#C9D1E8
#CAD1E7
#CACCEC
#CBCCEB
#CDCCE9
#CECCE8
#CFCCE7
#D0CCE6
#D2CCE4
#D0C6EC
#D2C6EA
#D3C6E9
#D5C6E7
#D6C6E6
#D8C6E4
#DAC6E2
#D5C1EC
#D7C1EA
#D9C1E8
#DBC1E6
#DDC1E4
#DFC1E2
#E2C1DF
#DCBAEC
#DFBAE9
#E1BAE7
#E4BAE4
#E6BAE2
#E9BADF
#ECBADC
Colorpallet from #BADCEC to #DCBAEC and to #ECDCBA
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BFD7EC
#BFD8EB
#C0D9E9
#C0D9E8
#C1DAE7
#C1DBE6
#C2DCE4
#C5D1EC
#C6D3E9
#C7D5E7
#C7D6E4
#C8D8E2
#C9DADF
#CADCDC
#CACCEC
#CBCFE8
#CDD1E4
#CED4E0
#CFD6DD
#D0D9D9
#D2DCD4
#D0C6EC
#D2CAE7
#D3CDE2
#D5D1DD
#D6D4D8
#D8D8D2
#DADCCC
#D5C1EC
#D7C5E6
#D9CADF
#DBCED9
#DDD2D2
#DFD7CC
#E2DCC4
#DCBAEC
#DFBFE4
#E1C5DC
#E4CAD4
#E6D0CC
#E9D5C4
#ECDCBA
Colorpallet from #BADCEC to #DCECBA and to #ECBADC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BFDFE4
#BFDEE5
#C0DCE6
#C0DBE6
#C1DAE7
#C1D9E8
#C2D7E9
#C5E1DC
#C6DEDE
#C7DCE0
#C7D9E1
#C8D7E3
#C9D4E5
#CAD1E7
#CAE4D4
#CBE0D7
#CDDCD9
#CED8DC
#CFD5DE
#D0D1E1
#D2CCE4
#D0E6CC
#D2E1D0
#D3DCD3
#D5D7D7
#D6D2DA
#D8CCDE
#DAC6E2
#D5E9C4
#D7E3C8
#D9DCCD
#DBD6D1
#DDCFD5
#DFC9DA
#E2C1DF
#DCECBA
#DFE4BF
#E1DCC5
#E4D4CA
#E6CCD0
#E9C4D5
#ECBADC
Colorpallet from #BADCEC to #DCECBA and to #ECDCBA
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BFDFE4
#BFDFE4
#C0DEE4
#C0DEE4
#C1DDE4
#C1DDE4
#C2DCE4
#C5E1DC
#C6E0DC
#C7DFDC
#C7DFDC
#C8DEDC
#C9DDDC
#CADCDC
#CAE4D4
#CBE3D4
#CDE1D4
#CEE0D4
#CFDFD4
#D0DED4
#D2DCD4
#D0E6CC
#D2E4CC
#D3E3CC
#D5E1CC
#D6E0CC
#D8DECC
#DADCCC
#D5E9C4
#D7E7C4
#D9E5C4
#DBE3C4
#DDE1C4
#DFDFC4
#E2DCC4
#DCECBA
#DFE9BA
#E1E7BA
#E4E4BA
#E6E2BA
#E9DFBA
#ECDCBA
Colorpallet from #BADCEC to #ECBADC and to #ECDCBA
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#BADCEC
#C2D7E9
#C2D8E8
#C2D9E7
#C2D9E7
#C2DAE6
#C2DBE5
#C2DCE4
#CAD1E7
#CAD3E5
#CAD5E3
#CAD6E2
#CAD8E0
#CADADE
#CADCDC
#D2CCE4
#D2CFE1
#D2D1DF
#D2D4DC
#D2D6DA
#D2D9D7
#D2DCD4
#DAC6E2
#DACADE
#DACDDB
#DAD1D7
#DAD4D4
#DAD8D0
#DADCCC
#E2C1DF
#E2C5DB
#E2CAD6
#E2CED2
#E2D2CE
#E2D7C9
#E2DCC4
#ECBADC
#ECBFD7
#ECC5D1
#ECCACC
#ECD0C6
#ECD5C1
#ECDCBA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts