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 #BED4D8 to #BED8D4 and to #D4BED8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED5D7
#BFD4D7
#BFD3D7
#C0D3D7
#C1D2D8
#C1D1D8
#C2D0D8
#BED5D7
#BFD4D7
#C0D2D7
#C1D1D7
#C2D0D8
#C4CFD8
#C5CDD8
#BED6D6
#C0D4D6
#C2D2D7
#C3D0D7
#C5CED7
#C7CCD8
#C9C9D8
#BED7D5
#C0D4D5
#C2D2D6
#C5CFD6
#C7CCD7
#C9C9D7
#CCC6D8
#BED7D5
#C1D4D5
#C4D0D6
#C7CDD6
#CACAD7
#CCC6D7
#D0C2D8
#BED8D4
#C2D4D5
#C5D0D5
#C9CCD6
#CCC7D7
#D0C3D7
#D4BED8
Colorpallet from #BED4D8 to #BED8D4 and to #D4D8BE
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED5D7
#BFD5D7
#BFD5D6
#C0D5D6
#C1D5D5
#C1D5D5
#C2D5D4
#BED5D7
#BFD5D6
#C0D5D5
#C1D5D4
#C2D5D3
#C4D5D1
#C5D5D0
#BED6D6
#C0D6D4
#C2D6D3
#C3D6D1
#C5D6D0
#C7D6CE
#C9D6CC
#BED7D5
#C0D7D3
#C2D7D1
#C5D7CE
#C7D7CC
#C9D7CA
#CCD7C7
#BED7D5
#C1D7D2
#C4D7CF
#C7D7CC
#CAD7C9
#CCD7C7
#D0D7C3
#BED8D4
#C2D8D0
#C5D8CD
#C9D8C9
#CCD8C6
#D0D8C2
#D4D8BE
Colorpallet from #BED4D8 to #BED8D4 and to #D8BED4
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED5D7
#BFD4D7
#BFD3D7
#C0D3D7
#C1D2D7
#C1D1D7
#C2D0D7
#BED5D7
#BFD4D7
#C1D2D7
#C2D1D7
#C3D0D7
#C4CFD7
#C6CDD7
#BED6D6
#C0D4D6
#C2D2D6
#C4D0D6
#C6CED6
#C8CCD6
#CAC9D6
#BED7D5
#C1D4D5
#C3D2D5
#C6CFD5
#C9CCD5
#CCC9D5
#CFC6D5
#BED7D5
#C1D4D5
#C5D0D5
#C8CDD5
#CBCAD5
#CFC6D5
#D3C2D5
#BED8D4
#C2D4D4
#C6D0D4
#CACCD4
#CFC7D4
#D3C3D4
#D8BED4
Colorpallet from #BED4D8 to #BED8D4 and to #D8D4BE
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED5D7
#BFD5D7
#BFD5D6
#C0D5D6
#C1D4D5
#C1D4D5
#C2D4D4
#BED5D7
#BFD5D6
#C1D5D5
#C2D5D4
#C3D4D3
#C4D4D1
#C6D4D0
#BED6D6
#C0D6D4
#C2D5D3
#C4D5D1
#C6D5D0
#C8D4CE
#CAD4CC
#BED7D5
#C1D7D3
#C3D6D1
#C6D6CE
#C9D5CC
#CCD5CA
#CFD4C7
#BED7D5
#C1D7D2
#C5D6CF
#C8D6CC
#CBD5C9
#CFD5C7
#D3D4C3
#BED8D4
#C2D7D0
#C6D7CD
#CAD6C9
#CFD5C6
#D3D5C2
#D8D4BE
Colorpallet from #BED4D8 to #D4BED8 and to #D4D8BE
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#C2D0D8
#C2D1D7
#C2D2D7
#C2D2D6
#C2D3D5
#C2D4D5
#C2D5D4
#C5CDD8
#C5CED7
#C5D0D5
#C5D1D4
#C5D2D3
#C5D3D2
#C5D5D0
#C9C9D8
#C9CBD6
#C9CDD4
#C9CFD2
#C9D1D0
#C9D3CE
#C9D6CC
#CCC6D8
#CCC9D5
#CCCBD3
#CCCED0
#CCD1CD
#CCD4CA
#CCD7C7
#D0C2D8
#D0C5D5
#D0C9D1
#D0CCCE
#D0CFCB
#D0D3C7
#D0D7C3
#D4BED8
#D4C2D4
#D4C6D0
#D4CACC
#D4CFC7
#D4D3C3
#D4D8BE
Colorpallet from #BED4D8 to #D4BED8 and to #D8BED4
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#C2D0D8
#C2D0D8
#C2D0D8
#C2D0D8
#C2D0D7
#C2D0D7
#C2D0D7
#C5CDD8
#C5CDD8
#C5CDD8
#C5CDD8
#C6CDD7
#C6CDD7
#C6CDD7
#C9C9D8
#C9C9D8
#C9C9D7
#C9C9D7
#CAC9D7
#CAC9D6
#CAC9D6
#CCC6D8
#CCC6D8
#CDC6D7
#CDC6D7
#CEC6D6
#CEC6D6
#CFC6D5
#D0C2D8
#D0C2D8
#D1C2D7
#D1C2D7
#D2C2D6
#D2C2D6
#D3C2D5
#D4BED8
#D5BED7
#D5BED7
#D6BED6
#D7BED5
#D7BED5
#D8BED4
Colorpallet from #BED4D8 to #D4BED8 and to #D8D4BE
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#C2D0D8
#C2D1D7
#C2D1D7
#C2D2D6
#C2D3D5
#C2D3D5
#C2D4D4
#C5CDD8
#C5CED7
#C5CFD5
#C5D0D4
#C6D1D3
#C6D3D2
#C6D4D0
#C9C9D8
#C9CBD6
#C9CDD4
#C9CED2
#CAD0D0
#CAD2CE
#CAD4CC
#CCC6D8
#CCC8D5
#CDCAD3
#CDCDD0
#CECFCD
#CED1CA
#CFD4C7
#D0C2D8
#D0C5D5
#D1C8D1
#D1CBCE
#D2CECB
#D2D0C7
#D3D4C3
#D4BED8
#D5C2D4
#D5C5D0
#D6C9CC
#D7CCC7
#D7D0C3
#D8D4BE
Colorpallet from #BED4D8 to #D4D8BE and to #D8BED4
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#C2D5D4
#C2D4D4
#C2D3D5
#C2D3D5
#C2D2D6
#C2D1D6
#C2D0D7
#C5D5D0
#C5D4D1
#C5D2D2
#C5D1D3
#C6D0D4
#C6CFD6
#C6CDD7
#C9D6CC
#C9D4CE
#C9D2CF
#C9D0D1
#CACED2
#CACCD4
#CAC9D6
#CCD7C7
#CCD4C9
#CDD2CB
#CDCFCE
#CECCD0
#CEC9D2
#CFC6D5
#D0D7C3
#D0D4C6
#D1D0C9
#D1CDCC
#D2CACF
#D2C6D1
#D3C2D5
#D4D8BE
#D5D4C2
#D5D0C5
#D6CCC9
#D7C7CC
#D7C3D0
#D8BED4
Colorpallet from #BED4D8 to #D4D8BE and to #D8D4BE
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#C2D5D4
#C2D5D4
#C2D5D4
#C2D5D4
#C2D4D4
#C2D4D4
#C2D4D4
#C5D5D0
#C5D5D0
#C5D5D0
#C5D5D0
#C6D4D0
#C6D4D0
#C6D4D0
#C9D6CC
#C9D6CC
#C9D5CC
#C9D5CC
#CAD5CC
#CAD4CC
#CAD4CC
#CCD7C7
#CCD7C7
#CDD6C7
#CDD6C7
#CED5C7
#CED5C7
#CFD4C7
#D0D7C3
#D0D7C3
#D1D6C3
#D1D6C3
#D2D5C3
#D2D5C3
#D3D4C3
#D4D8BE
#D5D7BE
#D5D7BE
#D6D6BE
#D7D5BE
#D7D5BE
#D8D4BE
Colorpallet from #BED4D8 to #D8BED4 and to #D8D4BE
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#BED4D8
#C2D0D7
#C2D1D7
#C2D1D6
#C2D2D6
#C2D3D5
#C2D3D5
#C2D4D4
#C6CDD7
#C6CED6
#C6CFD5
#C6D0D4
#C6D1D3
#C6D3D1
#C6D4D0
#CAC9D6
#CACBD4
#CACDD3
#CACED1
#CAD0D0
#CAD2CE
#CAD4CC
#CFC6D5
#CFC8D3
#CFCAD1
#CFCDCE
#CFCFCC
#CFD1CA
#CFD4C7
#D3C2D5
#D3C5D2
#D3C8CF
#D3CBCC
#D3CEC9
#D3D0C7
#D3D4C3
#D8BED4
#D8C2D0
#D8C5CD
#D8C9C9
#D8CCC6
#D8D0C2
#D8D4BE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
