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 #D4E3AD to #D4ADE3 and to #E3D4AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4DAB6
#D4DBB5
#D5DCB3
#D5DDB2
#D5DEB0
#D6E0AF
#D6E1AD
#D4D2BE
#D5D4BB
#D6D6B9
#D6D8B6
#D7DAB3
#D8DCB0
#D9DEAD
#D4C9C7
#D5CCC3
#D6CFBF
#D7D2BB
#D8D5B6
#DAD8B2
#DBDCAD
#D4C0D0
#D6C4CA
#D7C8C5
#D9CCBF
#DAD0BA
#DCD4B4
#DED9AD
#D4B8D8
#D6BDD1
#D8C2CA
#DAC7C3
#DCCCBC
#DED1B6
#E0D7AD
#D4ADE3
#D6B3DA
#D9B9D2
#DBC0C9
#DEC6C0
#E0CCB8
#E3D4AD
Colorpallet from #D4E3AD to #D4ADE3 and to #E3ADD4
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4DAB6
#D4DAB6
#D5DAB5
#D5DAB5
#D5DAB4
#D6DAB4
#D6DAB3
#D4D2BE
#D5D2BD
#D6D2BC
#D6D2BC
#D7D2BB
#D8D2BA
#D9D2B9
#D4C9C7
#D5C9C6
#D6C9C5
#D7C9C4
#D8C9C3
#DAC9C1
#DBC9C0
#D4C0D0
#D6C0CE
#D7C0CD
#D9C0CB
#DAC0CA
#DCC0C8
#DEC0C6
#D4B8D8
#D6B8D6
#D8B8D4
#DAB8D2
#DCB8D0
#DEB8CE
#E0B8CC
#D4ADE3
#D6ADE1
#D9ADDE
#DBADDC
#DEADD9
#E0ADD7
#E3ADD4
Colorpallet from #D4E3AD to #D4ADE3 and to #ADD4E3
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4DAB6
#D3DBB6
#D2DCB6
#D1DDB6
#D0DEB6
#CFE0B6
#CEE1B6
#D4D2BE
#D2D4BE
#D0D6BE
#CED8BE
#CCDABE
#CADCBE
#C8DEBE
#D4C9C7
#D1CCC7
#CECFC7
#CBD2C7
#C8D5C7
#C5D8C7
#C1DCC7
#D4C0D0
#D0C4D0
#CCC8D0
#C8CCD0
#C4D0D0
#C0D4D0
#BBD9D0
#D4B8D8
#CFBDD8
#CAC2D8
#C5C7D8
#C0CCD8
#BBD1D8
#B5D7D8
#D4ADE3
#CEB3E3
#C8B9E3
#C1C0E3
#BBC6E3
#B5CCE3
#ADD4E3
Colorpallet from #D4E3AD to #D4ADE3 and to #ADE3D4
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4DAB6
#D3DBB6
#D2DDB5
#D1DEB5
#D0E0B4
#CFE1B4
#CEE3B3
#D4D2BE
#D2D5BD
#D0D7BC
#CEDABC
#CCDDBB
#CAE0BA
#C8E3B9
#D4C9C7
#D1CDC6
#CED1C5
#CBD5C4
#C8DAC3
#C5DEC1
#C1E3C0
#D4C0D0
#D0C6CE
#CCCBCD
#C8D1CB
#C4D6CA
#C0DCC8
#BBE3C6
#D4B8D8
#CFBFD6
#CAC6D4
#C5CDD2
#C0D4D0
#BBDACE
#B5E3CC
#D4ADE3
#CEB6E1
#C8BEDE
#C1C7DC
#BBD0D9
#B5D8D7
#ADE3D4
Colorpallet from #D4E3AD to #E3D4AD and to #E3ADD4
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D6E1AD
#D6E0AE
#D6DFAF
#D6DEB0
#D6DDB1
#D6DBB2
#D6DAB3
#D9DEAD
#D9DCAF
#D9DAB1
#D9D8B3
#D9D6B5
#D9D4B7
#D9D2B9
#DBDCAD
#DBD9B0
#DBD6B3
#DBD3B6
#DBD0B9
#DBCDBC
#DBC9C0
#DED9AD
#DED5B1
#DED1B5
#DECDB9
#DEC9BD
#DEC5C1
#DEC0C6
#E0D7AD
#E0D2B2
#E0CDB7
#E0C8BC
#E0C3C1
#E0BEC6
#E0B8CC
#E3D4AD
#E3CEB3
#E3C8B9
#E3C1C0
#E3BBC6
#E3B5CC
#E3ADD4
Colorpallet from #D4E3AD to #E3D4AD and to #ADD4E3
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D6E1AD
#D5E1AE
#D3E1B0
#D2E1B1
#D1E1B3
#D0E1B4
#CEE1B6
#D9DEAD
#D6DEB0
#D4DEB2
#D1DEB5
#CEDEB8
#CBDEBB
#C8DEBE
#DBDCAD
#D7DCB1
#D3DCB5
#CFDCB9
#CADCBE
#C6DCC2
#C1DCC7
#DED9AD
#D8D9B3
#D3D9B8
#CDD9BE
#C8D9C3
#C2D9C9
#BBD9D0
#E0D7AD
#D9D7B4
#D2D7BB
#CBD7C2
#C4D7C9
#BED7CF
#B5D7D8
#E3D4AD
#DAD4B6
#D2D4BE
#C9D4C7
#C0D4D0
#B8D4D8
#ADD4E3
Colorpallet from #D4E3AD to #E3D4AD and to #ADE3D4
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D6E1AD
#D5E1AE
#D3E2AF
#D2E2B0
#D1E2B1
#D0E3B2
#CEE3B3
#D9DEAD
#D6DFAF
#D4E0B1
#D1E0B3
#CEE1B5
#CBE2B7
#C8E3B9
#DBDCAD
#D7DDB0
#D3DEB3
#CFDFB6
#CAE0B9
#C6E2BC
#C1E3C0
#DED9AD
#D8DBB1
#D3DCB5
#CDDEB9
#C8DFBD
#C2E1C1
#BBE3C6
#E0D7AD
#D9D9B2
#D2DBB7
#CBDDBC
#C4DFC1
#BEE1C6
#B5E3CC
#E3D4AD
#DAD6B3
#D2D9B9
#C9DBC0
#C0DEC6
#B8E0CC
#ADE3D4
Colorpallet from #D4E3AD to #E3ADD4 and to #ADD4E3
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D6DAB3
#D5DBB3
#D3DCB4
#D2DDB4
#D1DEB5
#D0E0B5
#CEE1B6
#D9D2B9
#D6D4BA
#D4D6BB
#D1D8BB
#CEDABC
#CBDCBD
#C8DEBE
#DBC9C0
#D7CCC1
#D3CFC2
#CFD2C3
#CAD5C4
#C6D8C6
#C1DCC7
#DEC0C6
#D8C4C8
#D3C8C9
#CDCCCB
#C8D0CC
#C2D4CE
#BBD9D0
#E0B8CC
#D9BDCE
#D2C2D0
#CBC7D2
#C4CCD4
#BED1D6
#B5D7D8
#E3ADD4
#DAB3D6
#D2B9D9
#C9C0DB
#C0C6DE
#B8CCE0
#ADD4E3
Colorpallet from #D4E3AD to #E3ADD4 and to #ADE3D4
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D6DAB3
#D5DBB3
#D3DDB3
#D2DEB3
#D1E0B3
#D0E1B3
#CEE3B3
#D9D2B9
#D6D5B9
#D4D7B9
#D1DAB9
#CEDDB9
#CBE0B9
#C8E3B9
#DBC9C0
#D7CDC0
#D3D1C0
#CFD5C0
#CADAC0
#C6DEC0
#C1E3C0
#DEC0C6
#D8C6C6
#D3CBC6
#CDD1C6
#C8D6C6
#C2DCC6
#BBE3C6
#E0B8CC
#D9BFCC
#D2C6CC
#CBCDCC
#C4D4CC
#BEDACC
#B5E3CC
#E3ADD4
#DAB6D4
#D2BED4
#C9C7D4
#C0D0D4
#B8D8D4
#ADE3D4
Colorpallet from #D4E3AD to #ADD4E3 and to #ADE3D4
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#D4E3AD
#CEE1B6
#CEE1B6
#CEE2B5
#CEE2B5
#CEE2B4
#CEE3B4
#CEE3B3
#C8DEBE
#C8DFBD
#C8E0BC
#C8E0BC
#C8E1BB
#C8E2BA
#C8E3B9
#C1DCC7
#C1DDC6
#C1DEC5
#C1DFC4
#C1E0C3
#C1E2C1
#C1E3C0
#BBD9D0
#BBDBCE
#BBDCCD
#BBDECB
#BBDFCA
#BBE1C8
#BBE3C6
#B5D7D8
#B5D9D6
#B5DBD4
#B5DDD2
#B5DFD0
#B5E1CE
#B5E3CC
#ADD4E3
#ADD6E1
#ADD9DE
#ADDBDC
#ADDED9
#ADE0D7
#ADE3D4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts