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 #BADFE9 to #BAE9DF and to #DFBAE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BAE1E7
#BBE0E7
#BCDEE8
#BDDDE8
#BEDCE8
#BFDBE9
#C0D9E9
#BAE2E6
#BCE0E6
#BEDDE7
#C0DBE7
#C2D8E8
#C4D6E8
#C6D3E9
#BAE4E4
#BDE0E5
#C0DDE6
#C3D9E6
#C6D5E7
#C8D2E8
#CCCDE9
#BAE5E3
#BEE0E4
#C2DBE5
#C6D7E6
#C9D2E7
#CDCDE8
#D2C7E9
#BAE7E1
#BFE1E2
#C4DBE4
#C8D5E5
#CDCFE6
#D2C9E7
#D8C1E9
#BAE9DF
#C0E1E1
#C6DAE2
#CCD2E4
#D2CBE5
#D8C3E7
#DFBAE9
Colorpallet from #BADFE9 to #BAE9DF and to #DFE9BA
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BAE1E7
#BBE1E6
#BCE1E5
#BDE1E4
#BEE1E3
#BFE1E2
#C0E1E1
#BAE2E6
#BCE2E4
#BEE2E2
#C0E2E0
#C2E2DE
#C4E2DC
#C6E2DA
#BAE4E4
#BDE4E1
#C0E4DE
#C3E4DB
#C6E4D8
#C8E4D6
#CCE4D2
#BAE5E3
#BEE5DF
#C2E5DB
#C6E5D7
#C9E5D4
#CDE5D0
#D2E5CB
#BAE7E1
#BFE7DC
#C4E7D7
#C8E7D3
#CDE7CE
#D2E7C9
#D8E7C3
#BAE9DF
#C0E9D9
#C6E9D3
#CCE9CD
#D2E9C7
#D8E9C1
#DFE9BA
Colorpallet from #BADFE9 to #BAE9DF and to #E9BADF
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BAE1E7
#BBE0E7
#BDDEE7
#BEDDE7
#BFDCE7
#C0DBE7
#C2D9E7
#BAE2E6
#BCE0E6
#BFDDE6
#C1DBE6
#C4D8E6
#C6D6E6
#C9D3E6
#BAE4E4
#BEE0E4
#C1DDE4
#C5D9E4
#C9D5E4
#CCD2E4
#D1CDE4
#BAE5E3
#BFE0E3
#C4DBE3
#C8D7E3
#CDD2E3
#D2CDE3
#D8C7E3
#BAE7E1
#C0E1E1
#C6DBE1
#CCD5E1
#D2CFE1
#D8C9E1
#E0C1E1
#BAE9DF
#C2E1DF
#C9DADF
#D1D2DF
#D8CBDF
#E0C3DF
#E9BADF
Colorpallet from #BADFE9 to #BAE9DF and to #E9DFBA
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BAE1E7
#BBE1E6
#BDE0E5
#BEE0E4
#BFE0E3
#C0DFE2
#C2DFE1
#BAE2E6
#BCE2E4
#BFE1E2
#C1E1E0
#C4E0DE
#C6E0DC
#C9DFDA
#BAE4E4
#BEE3E1
#C1E2DE
#C5E2DB
#C9E1D8
#CCE0D6
#D1DFD2
#BAE5E3
#BFE4DF
#C4E3DB
#C8E2D7
#CDE1D4
#D2E0D0
#D8DFCB
#BAE7E1
#C0E6DC
#C6E4D7
#CCE3D3
#D2E2CE
#D8E1C9
#E0DFC3
#BAE9DF
#C2E7D9
#C9E6D3
#D1E4CD
#D8E3C7
#E0E1C1
#E9DFBA
Colorpallet from #BADFE9 to #DFBAE9 and to #DFE9BA
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#C0D9E9
#C0DAE8
#C0DCE6
#C0DDE5
#C0DEE4
#C0DFE3
#C0E1E1
#C6D3E9
#C6D5E7
#C6D8E4
#C6DAE2
#C6DDDF
#C6DFDD
#C6E2DA
#CCCDE9
#CCD1E5
#CCD4E2
#CCD8DE
#CCDCDA
#CCDFD7
#CCE4D2
#D2C7E9
#D2CCE4
#D2D1DF
#D2D5DB
#D2DAD6
#D2DFD1
#D2E5CB
#D8C1E9
#D8C7E3
#D8CDDD
#D8D3D7
#D8D9D1
#D8DFCB
#D8E7C3
#DFBAE9
#DFC2E1
#DFC9DA
#DFD1D2
#DFD8CB
#DFE0C3
#DFE9BA
Colorpallet from #BADFE9 to #DFBAE9 and to #E9BADF
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#C0D9E9
#C0D9E9
#C1D9E8
#C1D9E8
#C1D9E8
#C2D9E7
#C2D9E7
#C6D3E9
#C6D3E9
#C7D3E8
#C7D3E8
#C8D3E7
#C8D3E7
#C9D3E6
#CCCDE9
#CDCDE8
#CECDE7
#CECDE7
#CFCDE6
#D0CDE5
#D1CDE4
#D2C7E9
#D3C7E8
#D4C7E7
#D5C7E6
#D6C7E5
#D7C7E4
#D8C7E3
#D8C1E9
#D9C1E8
#DBC1E6
#DCC1E5
#DDC1E4
#DEC1E3
#E0C1E1
#DFBAE9
#E1BAE7
#E2BAE6
#E4BAE4
#E5BAE3
#E7BAE1
#E9BADF
Colorpallet from #BADFE9 to #DFBAE9 and to #E9DFBA
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#C0D9E9
#C0DAE8
#C1DBE6
#C1DCE5
#C1DDE4
#C2DEE3
#C2DFE1
#C6D3E9
#C6D5E7
#C7D7E4
#C7D9E2
#C8DBDF
#C8DDDD
#C9DFDA
#CCCDE9
#CDD0E5
#CED3E2
#CED6DE
#CFD9DA
#D0DBD7
#D1DFD2
#D2C7E9
#D3CBE4
#D4CFDF
#D5D3DB
#D6D6D6
#D7DAD1
#D8DFCB
#D8C1E9
#D9C6E3
#DBCBDD
#DCCFD7
#DDD4D1
#DED9CB
#E0DFC3
#DFBAE9
#E1C0E1
#E2C6DA
#E4CCD2
#E5D2CB
#E7D8C3
#E9DFBA
Colorpallet from #BADFE9 to #DFE9BA and to #E9BADF
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#C0E1E1
#C0E0E2
#C1DEE3
#C1DDE4
#C1DCE5
#C2DBE6
#C2D9E7
#C6E2DA
#C6E0DC
#C7DDDE
#C7DBE0
#C8D8E2
#C8D6E4
#C9D3E6
#CCE4D2
#CDE0D5
#CEDDD8
#CED9DB
#CFD5DE
#D0D2E0
#D1CDE4
#D2E5CB
#D3E0CF
#D4DBD3
#D5D7D7
#D6D2DA
#D7CDDE
#D8C7E3
#D8E7C3
#D9E1C8
#DBDBCD
#DCD5D1
#DDCFD6
#DEC9DB
#E0C1E1
#DFE9BA
#E1E1C0
#E2DAC6
#E4D2CC
#E5CBD2
#E7C3D8
#E9BADF
Colorpallet from #BADFE9 to #DFE9BA and to #E9DFBA
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#C0E1E1
#C0E1E1
#C1E0E1
#C1E0E1
#C1E0E1
#C2DFE1
#C2DFE1
#C6E2DA
#C6E2DA
#C7E1DA
#C7E1DA
#C8E0DA
#C8E0DA
#C9DFDA
#CCE4D2
#CDE3D2
#CEE2D2
#CEE2D2
#CFE1D2
#D0E0D2
#D1DFD2
#D2E5CB
#D3E4CB
#D4E3CB
#D5E2CB
#D6E1CB
#D7E0CB
#D8DFCB
#D8E7C3
#D9E6C3
#DBE4C3
#DCE3C3
#DDE2C3
#DEE1C3
#E0DFC3
#DFE9BA
#E1E7BA
#E2E6BA
#E4E4BA
#E5E3BA
#E7E1BA
#E9DFBA
Colorpallet from #BADFE9 to #E9BADF and to #E9DFBA
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#BADFE9
#C2D9E7
#C2DAE6
#C2DBE5
#C2DCE4
#C2DDE3
#C2DEE2
#C2DFE1
#C9D3E6
#C9D5E4
#C9D7E2
#C9D9E0
#C9DBDE
#C9DDDC
#C9DFDA
#D1CDE4
#D1D0E1
#D1D3DE
#D1D6DB
#D1D9D8
#D1DBD6
#D1DFD2
#D8C7E3
#D8CBDF
#D8CFDB
#D8D3D7
#D8D6D4
#D8DAD0
#D8DFCB
#E0C1E1
#E0C6DC
#E0CBD7
#E0CFD3
#E0D4CE
#E0D9C9
#E0DFC3
#E9BADF
#E9C0D9
#E9C6D3
#E9CCCD
#E9D2C7
#E9D8C1
#E9DFBA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts