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 #D3D8BE to #D3BED8 and to #D8D3BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D4C2
#D3D4C1
#D3D5C1
#D3D5C0
#D4D6BF
#D4D6BF
#D4D7BE
#D3D0C6
#D3D1C5
#D4D2C3
#D4D3C2
#D4D4C1
#D5D5C0
#D5D6BE
#D3CCCA
#D3CEC8
#D4CFC6
#D4D1C4
#D4D2C2
#D5D4C0
#D5D6BE
#D3C7CF
#D3C9CC
#D4CBCA
#D4CEC7
#D5D0C4
#D5D2C1
#D6D5BE
#D3C3D3
#D4C6D0
#D4C8CC
#D5CBC9
#D6CEC6
#D6D1C2
#D7D4BE
#D3BED8
#D4C1D4
#D5C5D0
#D5C8CC
#D6CBC7
#D7CFC3
#D8D3BE
Colorpallet from #D3D8BE to #D3BED8 and to #D8BED3
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D4C2
#D3D4C2
#D3D4C2
#D3D4C2
#D4D4C1
#D4D4C1
#D4D4C1
#D3D0C6
#D3D0C6
#D4D0C6
#D4D0C6
#D4D0C5
#D5D0C5
#D5D0C5
#D3CCCA
#D3CCCA
#D4CCC9
#D4CCC9
#D4CCC9
#D5CCC8
#D5CCC8
#D3C7CF
#D3C7CE
#D4C7CE
#D4C7CD
#D5C7CC
#D5C7CC
#D6C7CB
#D3C3D3
#D4C3D2
#D4C3D2
#D5C3D1
#D6C3D0
#D6C3D0
#D7C3CF
#D3BED8
#D4BED7
#D5BED6
#D5BED6
#D6BED5
#D7BED4
#D8BED3
Colorpallet from #D3D8BE to #D3BED8 and to #BED3D8
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D4C2
#D3D4C2
#D2D5C2
#D2D5C2
#D1D6C2
#D1D6C2
#D0D7C2
#D3D0C6
#D2D1C6
#D1D2C6
#D0D3C6
#CFD4C6
#CDD5C6
#CCD6C6
#D3CCCA
#D1CECA
#D0CFCA
#CED1CA
#CDD2CA
#CBD4CA
#C9D6CA
#D3C7CF
#D1C9CF
#CFCBCF
#CDCECF
#CBD0CF
#C9D2CF
#C6D5CF
#D3C3D3
#D0C6D3
#CEC8D3
#CBCBD3
#C8CED3
#C5D1D3
#C2D4D3
#D3BED8
#D0C1D8
#CCC5D8
#C9C8D8
#C6CBD8
#C2CFD8
#BED3D8
Colorpallet from #D3D8BE to #D3BED8 and to #BED8D3
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D4C2
#D3D5C2
#D2D5C2
#D2D6C2
#D1D7C1
#D1D7C1
#D0D8C1
#D3D0C6
#D2D1C6
#D1D3C6
#D0D4C6
#CFD5C5
#CDD6C5
#CCD8C5
#D3CCCA
#D1CECA
#D0D0C9
#CED2C9
#CDD4C9
#CBD6C8
#C9D8C8
#D3C7CF
#D1CACE
#CFCCCE
#CDCFCD
#CBD2CC
#C9D5CC
#C6D8CB
#D3C3D3
#D0C6D2
#CECAD2
#CBCDD1
#C8D0D0
#C5D4D0
#C2D8CF
#D3BED8
#D0C2D7
#CCC6D6
#C9CAD6
#C6CFD5
#C2D3D4
#BED8D3
Colorpallet from #D3D8BE to #D8D3BE and to #D8BED3
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D4D7BE
#D4D7BE
#D4D6BF
#D4D6BF
#D4D5C0
#D4D5C0
#D4D4C1
#D5D6BE
#D5D5BF
#D5D4C0
#D5D3C1
#D5D2C2
#D5D1C4
#D5D0C5
#D5D6BE
#D5D4C0
#D5D3C1
#D5D1C3
#D5D0C4
#D5CEC6
#D5CCC8
#D6D5BE
#D6D3C0
#D6D1C2
#D6CEC4
#D6CCC6
#D6CAC8
#D6C7CB
#D7D4BE
#D7D1C1
#D7CFC3
#D7CCC6
#D7C9C9
#D7C6CC
#D7C3CF
#D8D3BE
#D8D0C1
#D8CCC5
#D8C9C8
#D8C6CB
#D8C2CF
#D8BED3
Colorpallet from #D3D8BE to #D8D3BE and to #BED3D8
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D4D7BE
#D3D7BF
#D3D7BF
#D2D7C0
#D1D7C1
#D1D7C1
#D0D7C2
#D5D6BE
#D4D6BF
#D2D6C1
#D1D6C2
#CFD6C3
#CED6C4
#CCD6C6
#D5D6BE
#D3D6C0
#D1D6C2
#CFD6C4
#CDD6C6
#CBD6C8
#C9D6CA
#D6D5BE
#D3D5C1
#D1D5C3
#CED5C6
#CCD5C9
#C9D5CC
#C6D5CF
#D7D4BE
#D4D4C1
#D0D4C5
#CDD4C8
#CAD4CB
#C6D4CF
#C2D4D3
#D8D3BE
#D4D3C2
#D0D3C6
#CCD3CA
#C7D3CF
#C3D3D3
#BED3D8
Colorpallet from #D3D8BE to #D8D3BE and to #BED8D3
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D4D7BE
#D3D7BE
#D3D7BF
#D2D7BF
#D1D8C0
#D1D8C0
#D0D8C1
#D5D6BE
#D4D6BF
#D2D7C0
#D1D7C1
#CFD7C2
#CED8C4
#CCD8C5
#D5D6BE
#D3D6C0
#D1D7C1
#CFD7C3
#CDD7C4
#CBD8C6
#C9D8C8
#D6D5BE
#D3D5C0
#D1D6C2
#CED6C4
#CCD7C6
#C9D7C8
#C6D8CB
#D7D4BE
#D4D5C1
#D0D5C3
#CDD6C6
#CAD7C9
#C6D7CC
#C2D8CF
#D8D3BE
#D4D4C1
#D0D5C5
#CCD5C8
#C7D6CB
#C3D7CF
#BED8D3
Colorpallet from #D3D8BE to #D8BED3 and to #BED3D8
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D4D4C1
#D3D4C1
#D3D5C1
#D2D5C1
#D1D6C2
#D1D6C2
#D0D7C2
#D5D0C5
#D4D1C5
#D2D2C5
#D1D3C5
#CFD4C6
#CED5C6
#CCD6C6
#D5CCC8
#D3CEC8
#D1CFC9
#CFD1C9
#CDD2C9
#CBD4CA
#C9D6CA
#D6C7CB
#D3C9CC
#D1CBCC
#CECECD
#CCD0CE
#C9D2CE
#C6D5CF
#D7C3CF
#D4C6D0
#D0C8D0
#CDCBD1
#CACED2
#C6D1D2
#C2D4D3
#D8BED3
#D4C1D4
#D0C5D5
#CCC8D5
#C7CBD6
#C3CFD7
#BED3D8
Colorpallet from #D3D8BE to #D8BED3 and to #BED8D3
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D4D4C1
#D3D5C1
#D3D5C1
#D2D6C1
#D1D7C1
#D1D7C1
#D0D8C1
#D5D0C5
#D4D1C5
#D2D3C5
#D1D4C5
#CFD5C5
#CED6C5
#CCD8C5
#D5CCC8
#D3CEC8
#D1D0C8
#CFD2C8
#CDD4C8
#CBD6C8
#C9D8C8
#D6C7CB
#D3CACB
#D1CCCB
#CECFCB
#CCD2CB
#C9D5CB
#C6D8CB
#D7C3CF
#D4C6CF
#D0CACF
#CDCDCF
#CAD0CF
#C6D4CF
#C2D8CF
#D8BED3
#D4C2D3
#D0C6D3
#CCCAD3
#C7CFD3
#C3D3D3
#BED8D3
Colorpallet from #D3D8BE to #BED3D8 and to #BED8D3
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D3D8BE
#D0D7C2
#D0D7C2
#D0D7C2
#D0D7C2
#D0D8C1
#D0D8C1
#D0D8C1
#CCD6C6
#CCD6C6
#CCD7C6
#CCD7C6
#CCD7C5
#CCD8C5
#CCD8C5
#C9D6CA
#C9D6CA
#C9D7C9
#C9D7C9
#C9D7C9
#C9D8C8
#C9D8C8
#C6D5CF
#C6D5CE
#C6D6CE
#C6D6CD
#C6D7CC
#C6D7CC
#C6D8CB
#C2D4D3
#C2D5D2
#C2D5D2
#C2D6D1
#C2D7D0
#C2D7D0
#C2D8CF
#BED3D8
#BED4D7
#BED5D6
#BED5D6
#BED6D5
#BED7D4
#BED8D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts