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 #C7DDC1 to #C7C1DD and to #DDC7C1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7D9C5
#C8D9C4
#C8D9C4
#C9D9C3
#CAD9C2
#CAD9C2
#CBD9C1
#C7D4CA
#C8D4C9
#C9D5C7
#CAD5C6
#CBD5C4
#CDD6C3
#CED6C1
#C7D0CE
#C9D0CC
#CBD1CA
#CCD1C8
#CED1C6
#D0D2C4
#D2D2C1
#C7CBD3
#C9CCD0
#CBCCCD
#CECDCA
#D0CEC7
#D2CEC5
#D5CFC1
#C7C7D7
#CAC8D3
#CDC8D0
#D0C9CC
#D3CAC9
#D5CAC5
#D9CBC1
#C7C1DD
#CBC2D9
#CEC3D4
#D2C4D0
#D5C5CB
#D9C6C7
#DDC7C1
Colorpallet from #C7DDC1 to #C7C1DD and to #DDC1C7
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7D9C5
#C8D9C5
#C8D9C4
#C9D9C4
#CAD9C3
#CAD9C3
#CBD9C2
#C7D4CA
#C8D4C9
#C9D4C8
#CAD4C7
#CBD4C6
#CDD4C4
#CED4C3
#C7D0CE
#C9D0CC
#CBD0CB
#CCD0C9
#CED0C8
#D0D0C6
#D2D0C4
#C7CBD3
#C9CBD1
#CBCBCF
#CECBCC
#D0CBCA
#D2CBC8
#D5CBC5
#C7C7D7
#CAC7D4
#CDC7D2
#D0C7CF
#D3C7CC
#D5C7C9
#D9C7C6
#C7C1DD
#CBC1D9
#CEC1D6
#D2C1D2
#D5C1CF
#D9C1CB
#DDC1C7
Colorpallet from #C7DDC1 to #C7C1DD and to #C1C7DD
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7D9C5
#C7D9C5
#C7D9C5
#C7D9C5
#C6D9C5
#C6D9C5
#C6D9C5
#C7D4CA
#C7D4CA
#C6D5CA
#C6D5CA
#C6D5CA
#C5D6CA
#C5D6CA
#C7D0CE
#C7D0CE
#C6D1CE
#C6D1CE
#C5D1CE
#C5D2CE
#C4D2CE
#C7CBD3
#C6CCD3
#C6CCD3
#C5CDD3
#C4CED3
#C4CED3
#C3CFD3
#C7C7D7
#C6C8D7
#C5C8D7
#C5C9D7
#C4CAD7
#C3CAD7
#C2CBD7
#C7C1DD
#C6C2DD
#C5C3DD
#C4C4DD
#C3C5DD
#C2C6DD
#C1C7DD
Colorpallet from #C7DDC1 to #C7C1DD and to #C1DDC7
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7D9C5
#C7DAC5
#C7DAC4
#C7DBC4
#C6DCC3
#C6DCC3
#C6DDC2
#C7D4CA
#C7D5C9
#C6D7C8
#C6D8C7
#C6DAC6
#C5DBC4
#C5DDC3
#C7D0CE
#C7D2CC
#C6D4CB
#C6D6C9
#C5D8C8
#C5DAC6
#C4DDC4
#C7CBD3
#C6CED1
#C6D1CF
#C5D4CC
#C4D7CA
#C4D9C8
#C3DDC5
#C7C7D7
#C6CBD4
#C5CED2
#C5D2CF
#C4D5CC
#C3D9C9
#C2DDC6
#C7C1DD
#C6C5D9
#C5CAD6
#C4CED2
#C3D3CF
#C2D7CB
#C1DDC7
Colorpallet from #C7DDC1 to #DDC7C1 and to #DDC1C7
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#CBD9C1
#CBD9C1
#CBD9C1
#CBD9C1
#CBD9C2
#CBD9C2
#CBD9C2
#CED6C1
#CED6C1
#CED5C2
#CED5C2
#CED5C2
#CED4C3
#CED4C3
#D2D2C1
#D2D2C1
#D2D1C2
#D2D1C2
#D2D1C3
#D2D0C3
#D2D0C4
#D5CFC1
#D5CEC2
#D5CEC2
#D5CDC3
#D5CCC4
#D5CCC4
#D5CBC5
#D9CBC1
#D9CAC2
#D9CAC3
#D9C9C3
#D9C8C4
#D9C8C5
#D9C7C6
#DDC7C1
#DDC6C2
#DDC5C3
#DDC4C4
#DDC3C5
#DDC2C6
#DDC1C7
Colorpallet from #C7DDC1 to #DDC7C1 and to #C1C7DD
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#CBD9C1
#CAD9C2
#C9D9C2
#C9D9C3
#C8D9C4
#C7D9C4
#C6D9C5
#CED6C1
#CDD6C2
#CBD6C4
#CAD6C5
#C8D6C7
#C7D6C8
#C5D6CA
#D2D2C1
#D0D2C3
#CED2C5
#CBD2C7
#C9D2C9
#C7D2CB
#C4D2CE
#D5CFC1
#D2CFC4
#CFCFC7
#CCCFCA
#C9CFCD
#C7CFCF
#C3CFD3
#D9CBC1
#D5CBC5
#D2CBC8
#CECBCC
#CACBCF
#C7CBD3
#C2CBD7
#DDC7C1
#D9C7C5
#D4C7CA
#D0C7CE
#CBC7D3
#C7C7D7
#C1C7DD
Colorpallet from #C7DDC1 to #DDC7C1 and to #C1DDC7
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#CBD9C1
#CADAC1
#C9DAC1
#C9DBC1
#C8DCC2
#C7DCC2
#C6DDC2
#CED6C1
#CDD7C1
#CBD8C2
#CAD9C2
#C8DAC2
#C7DCC3
#C5DDC3
#D2D2C1
#D0D4C1
#CED6C2
#CBD7C2
#C9D9C3
#C7DBC3
#C4DDC4
#D5CFC1
#D2D1C2
#CFD3C2
#CCD6C3
#C9D8C4
#C7DAC4
#C3DDC5
#D9CBC1
#D5CEC2
#D2D1C3
#CED4C3
#CAD7C4
#C7D9C5
#C2DDC6
#DDC7C1
#D9CBC2
#D4CEC3
#D0D2C4
#CBD5C5
#C7D9C6
#C1DDC7
Colorpallet from #C7DDC1 to #DDC1C7 and to #C1C7DD
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#CBD9C2
#CAD9C2
#C9D9C3
#C9D9C3
#C8D9C4
#C7D9C4
#C6D9C5
#CED4C3
#CDD4C4
#CBD5C5
#CAD5C6
#C8D5C7
#C7D6C9
#C5D6CA
#D2D0C4
#D0D0C6
#CED1C7
#CBD1C9
#C9D1CA
#C7D2CC
#C4D2CE
#D5CBC5
#D2CCC7
#CFCCC9
#CCCDCC
#C9CECE
#C7CED0
#C3CFD3
#D9C7C6
#D5C8C9
#D2C8CB
#CEC9CE
#CACAD1
#C7CAD4
#C2CBD7
#DDC1C7
#D9C2CB
#D4C3CE
#D0C4D2
#CBC5D5
#C7C6D9
#C1C7DD
Colorpallet from #C7DDC1 to #DDC1C7 and to #C1DDC7
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#CBD9C2
#CADAC2
#C9DAC2
#C9DBC2
#C8DCC2
#C7DCC2
#C6DDC2
#CED4C3
#CDD5C3
#CBD7C3
#CAD8C3
#C8DAC3
#C7DBC3
#C5DDC3
#D2D0C4
#D0D2C4
#CED4C4
#CBD6C4
#C9D8C4
#C7DAC4
#C4DDC4
#D5CBC5
#D2CEC5
#CFD1C5
#CCD4C5
#C9D7C5
#C7D9C5
#C3DDC5
#D9C7C6
#D5CBC6
#D2CEC6
#CED2C6
#CAD5C6
#C7D9C6
#C2DDC6
#DDC1C7
#D9C5C7
#D4CAC7
#D0CEC7
#CBD3C7
#C7D7C7
#C1DDC7
Colorpallet from #C7DDC1 to #C1C7DD and to #C1DDC7
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C7DDC1
#C6D9C5
#C6DAC5
#C6DAC4
#C6DBC4
#C6DCC3
#C6DCC3
#C6DDC2
#C5D6CA
#C5D7C9
#C5D8C8
#C5D9C7
#C5DAC6
#C5DCC4
#C5DDC3
#C4D2CE
#C4D4CC
#C4D6CB
#C4D7C9
#C4D9C8
#C4DBC6
#C4DDC4
#C3CFD3
#C3D1D1
#C3D3CF
#C3D6CC
#C3D8CA
#C3DAC8
#C3DDC5
#C2CBD7
#C2CED4
#C2D1D2
#C2D4CF
#C2D7CC
#C2D9C9
#C2DDC6
#C1C7DD
#C1CBD9
#C1CED6
#C1D2D2
#C1D5CF
#C1D9CB
#C1DDC7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts