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 #BED7D4 to #BED4D7 and to #D7BED4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BFD6D4
#BFD6D4
#C0D5D4
#C1D4D4
#C1D4D4
#C2D3D4
#BED6D5
#BFD5D5
#C1D4D5
#C2D3D5
#C3D2D4
#C4D0D4
#C6CFD4
#BED6D5
#C0D4D5
#C2D2D5
#C4D1D5
#C6CFD4
#C8CDD4
#CACBD4
#BED5D6
#C1D3D6
#C3D1D5
#C6CED5
#C8CCD5
#CBCAD4
#CEC7D4
#BED5D6
#C1D2D6
#C4CFD5
#C8CCD5
#CBC9D5
#CEC7D4
#D2C3D4
#BED4D7
#C2D0D7
#C6CDD6
#CAC9D6
#CEC6D5
#D2C2D5
#D7BED4
Colorpallet from #BED7D4 to #BED4D7 and to #D7D4BE
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BFD7D3
#BFD7D3
#C0D7D2
#C1D7D1
#C1D7D1
#C2D7D0
#BED6D5
#BFD6D4
#C1D6D2
#C2D6D1
#C3D6D0
#C4D6CF
#C6D6CD
#BED6D5
#C0D6D3
#C2D6D1
#C4D6CF
#C6D6CD
#C8D6CB
#CAD6C9
#BED5D6
#C1D5D3
#C3D5D1
#C6D5CE
#C8D5CC
#CBD5C9
#CED5C6
#BED5D6
#C1D5D3
#C4D5D0
#C8D5CC
#CBD5C9
#CED5C6
#D2D5C2
#BED4D7
#C2D4D3
#C6D4CF
#CAD4CB
#CED4C7
#D2D4C3
#D7D4BE
Colorpallet from #BED7D4 to #BED4D7 and to #D4BED7
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BFD6D4
#BFD6D4
#C0D5D4
#C1D4D4
#C1D4D4
#C2D3D4
#BED6D5
#BFD5D5
#C0D4D5
#C1D3D5
#C2D2D5
#C4D0D5
#C5CFD5
#BED6D5
#C0D4D5
#C2D2D5
#C3D1D5
#C5CFD5
#C7CDD5
#C9CBD5
#BED5D6
#C0D3D6
#C2D1D6
#C5CED6
#C7CCD6
#C9CAD6
#CCC7D6
#BED5D6
#C1D2D6
#C4CFD6
#C7CCD6
#CAC9D6
#CCC7D6
#D0C3D6
#BED4D7
#C2D0D7
#C5CDD7
#C9C9D7
#CCC6D7
#D0C2D7
#D4BED7
Colorpallet from #BED7D4 to #BED4D7 and to #D4D7BE
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BFD7D3
#BFD7D3
#C0D7D2
#C1D7D1
#C1D7D1
#C2D7D0
#BED6D5
#BFD6D4
#C0D6D2
#C1D6D1
#C2D7D0
#C4D7CF
#C5D7CD
#BED6D5
#C0D6D3
#C2D6D1
#C3D6CF
#C5D7CD
#C7D7CB
#C9D7C9
#BED5D6
#C0D5D3
#C2D6D1
#C5D6CE
#C7D6CC
#C9D7C9
#CCD7C6
#BED5D6
#C1D5D3
#C4D6D0
#C7D6CC
#CAD6C9
#CCD7C6
#D0D7C2
#BED4D7
#C2D4D3
#C5D5CF
#C9D5CB
#CCD6C7
#D0D6C3
#D4D7BE
Colorpallet from #BED7D4 to #D7BED4 and to #D7D4BE
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#C2D3D4
#C2D4D3
#C2D4D3
#C2D5D2
#C2D6D1
#C2D6D1
#C2D7D0
#C6CFD4
#C6D0D3
#C6D1D2
#C6D2D1
#C6D3D0
#C6D5CE
#C6D6CD
#CACBD4
#CACDD2
#CACFD0
#CAD0CF
#CAD2CD
#CAD4CB
#CAD6C9
#CEC7D4
#CEC9D2
#CECBD0
#CECECD
#CED0CB
#CED2C9
#CED5C6
#D2C3D4
#D2C6D1
#D2C9CE
#D2CCCB
#D2CFC8
#D2D1C6
#D2D5C2
#D7BED4
#D7C2D0
#D7C5CD
#D7C9C9
#D7CCC6
#D7D0C2
#D7D4BE
Colorpallet from #BED7D4 to #D7BED4 and to #D4BED7
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#C2D3D4
#C2D3D4
#C2D3D4
#C2D3D4
#C2D3D4
#C2D3D4
#C2D3D4
#C6CFD4
#C6CFD4
#C6CFD4
#C6CFD4
#C5CFD5
#C5CFD5
#C5CFD5
#CACBD4
#CACBD4
#CACBD4
#CACBD4
#C9CBD5
#C9CBD5
#C9CBD5
#CEC7D4
#CEC7D4
#CDC7D5
#CDC7D5
#CDC7D5
#CCC7D6
#CCC7D6
#D2C3D4
#D2C3D4
#D1C3D5
#D1C3D5
#D1C3D5
#D0C3D6
#D0C3D6
#D7BED4
#D7BED4
#D6BED5
#D6BED5
#D5BED6
#D5BED6
#D4BED7
Colorpallet from #BED7D4 to #D7BED4 and to #D4D7BE
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#C2D3D4
#C2D4D3
#C2D4D3
#C2D5D2
#C2D6D1
#C2D6D1
#C2D7D0
#C6CFD4
#C6D0D3
#C6D2D2
#C6D3D1
#C5D4D0
#C5D5CE
#C5D7CD
#CACBD4
#CACDD2
#CACFD0
#CAD1CF
#C9D3CD
#C9D5CB
#C9D7C9
#CEC7D4
#CECAD2
#CDCCD0
#CDCFCD
#CDD1CB
#CCD4C9
#CCD7C6
#D2C3D4
#D2C6D1
#D1C9CE
#D1CDCB
#D1D0C8
#D0D3C6
#D0D7C2
#D7BED4
#D7C2D0
#D6C6CD
#D6CAC9
#D5CEC6
#D5D2C2
#D4D7BE
Colorpallet from #BED7D4 to #D7D4BE and to #D4BED7
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#C2D7D0
#C2D6D1
#C2D6D1
#C2D5D2
#C2D4D3
#C2D4D3
#C2D3D4
#C6D6CD
#C6D5CE
#C6D4D0
#C6D3D1
#C5D2D2
#C5D0D3
#C5CFD5
#CAD6C9
#CAD4CB
#CAD2CD
#CAD1CF
#C9CFD1
#C9CDD3
#C9CBD5
#CED5C6
#CED3C9
#CDD1CB
#CDCECE
#CDCCD0
#CCCAD3
#CCC7D6
#D2D5C2
#D2D2C5
#D1CFC8
#D1CCCC
#D1C9CF
#D0C7D2
#D0C3D6
#D7D4BE
#D7D0C2
#D6CDC6
#D6C9CA
#D5C6CE
#D5C2D2
#D4BED7
Colorpallet from #BED7D4 to #D7D4BE and to #D4D7BE
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#C2D7D0
#C2D7D0
#C2D7D0
#C2D7D0
#C2D7D0
#C2D7D0
#C2D7D0
#C6D6CD
#C6D6CD
#C6D6CD
#C6D6CD
#C5D7CD
#C5D7CD
#C5D7CD
#CAD6C9
#CAD6C9
#CAD6C9
#CAD6C9
#C9D7C9
#C9D7C9
#C9D7C9
#CED5C6
#CED5C6
#CDD6C6
#CDD6C6
#CDD6C6
#CCD7C6
#CCD7C6
#D2D5C2
#D2D5C2
#D1D6C2
#D1D6C2
#D1D6C2
#D0D7C2
#D0D7C2
#D7D4BE
#D7D4BE
#D6D5BE
#D6D5BE
#D5D6BE
#D5D6BE
#D4D7BE
Colorpallet from #BED7D4 to #D4BED7 and to #D4D7BE
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#BED7D4
#C2D3D4
#C2D4D3
#C2D4D3
#C2D5D2
#C2D6D1
#C2D6D1
#C2D7D0
#C5CFD5
#C5D0D4
#C5D2D2
#C5D3D1
#C5D4D0
#C5D5CF
#C5D7CD
#C9CBD5
#C9CDD3
#C9CFD1
#C9D1CF
#C9D3CD
#C9D5CB
#C9D7C9
#CCC7D6
#CCCAD3
#CCCCD1
#CCCFCE
#CCD1CC
#CCD4C9
#CCD7C6
#D0C3D6
#D0C6D3
#D0C9D0
#D0CDCC
#D0D0C9
#D0D3C6
#D0D7C2
#D4BED7
#D4C2D3
#D4C6CF
#D4CACB
#D4CEC7
#D4D2C3
#D4D7BE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
