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 #D2E5C1 to #D2C1E5 and to #E5D2C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2DFC7
#D2DFC6
#D3E0C5
#D3E0C4
#D4E1C3
#D4E1C2
#D5E2C1
#D2D9CD
#D3DACB
#D4DBC9
#D5DCC7
#D6DDC5
#D7DEC3
#D8DFC1
#D2D4D2
#D3D5CF
#D5D7CD
#D6D8CA
#D8D9C7
#D9DAC4
#DBDCC1
#D2CED8
#D4D0D4
#D6D2D1
#D8D3CD
#DAD5C9
#DCD7C6
#DED9C1
#D2C8DE
#D4CAD9
#D7CCD5
#D9CFD0
#DCD1CB
#DED3C7
#E1D6C1
#D2C1E5
#D5C4DF
#D8C6D9
#DBC9D4
#DECCCE
#E1CFC8
#E5D2C1
Colorpallet from #D2E5C1 to #D2C1E5 and to #E5C1D2
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2DFC7
#D2DFC7
#D3DFC6
#D3DFC6
#D4DFC5
#D4DFC5
#D5DFC4
#D2D9CD
#D3D9CC
#D4D9CB
#D5D9CA
#D6D9C9
#D7D9C7
#D8D9C6
#D2D4D2
#D3D4D1
#D5D4CF
#D6D4CE
#D8D4CC
#D9D4CB
#DBD4C9
#D2CED8
#D4CED6
#D6CED4
#D8CED2
#DACED0
#DCCECE
#DECECC
#D2C8DE
#D4C8DC
#D7C8D9
#D9C8D7
#DCC8D4
#DEC8D2
#E1C8CF
#D2C1E5
#D5C1E2
#D8C1DF
#DBC1DC
#DEC1D9
#E1C1D6
#E5C1D2
Colorpallet from #D2E5C1 to #D2C1E5 and to #C1D2E5
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2DFC7
#D2DFC7
#D1E0C7
#D1E0C7
#D0E1C7
#D0E1C7
#CFE2C7
#D2D9CD
#D1DACD
#D0DBCD
#D0DCCD
#CFDDCD
#CEDECD
#CDDFCD
#D2D4D2
#D1D5D2
#CFD7D2
#CED8D2
#CDD9D2
#CCDAD2
#CADCD2
#D2CED8
#D0D0D8
#CED2D8
#CDD3D8
#CBD5D8
#C9D7D8
#C7D9D8
#D2C8DE
#D0CADE
#CECCDE
#CBCFDE
#C9D1DE
#C7D3DE
#C4D6DE
#D2C1E5
#CFC4E5
#CDC6E5
#CAC9E5
#C7CCE5
#C4CFE5
#C1D2E5
Colorpallet from #D2E5C1 to #D2C1E5 and to #C1E5D2
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2DFC7
#D2E0C7
#D1E1C6
#D1E2C6
#D0E3C5
#D0E4C5
#CFE5C4
#D2D9CD
#D1DBCC
#D0DDCB
#D0DFCA
#CFE1C9
#CEE3C7
#CDE5C6
#D2D4D2
#D1D7D1
#CFD9CF
#CEDCCE
#CDDFCC
#CCE2CB
#CAE5C9
#D2CED8
#D0D2D6
#CED5D4
#CDD9D2
#CBDDD0
#C9E0CE
#C7E5CC
#D2C8DE
#D0CDDC
#CED1D9
#CBD6D7
#C9DBD4
#C7DFD2
#C4E5CF
#D2C1E5
#CFC7E2
#CDCDDF
#CAD2DC
#C7D8D9
#C4DED6
#C1E5D2
Colorpallet from #D2E5C1 to #E5D2C1 and to #E5C1D2
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D5E2C1
#D5E2C1
#D5E1C2
#D5E1C2
#D5E0C3
#D5E0C3
#D5DFC4
#D8DFC1
#D8DEC2
#D8DDC3
#D8DCC3
#D8DBC4
#D8DAC5
#D8D9C6
#DBDCC1
#DBDBC2
#DBD9C4
#DBD8C5
#DBD7C6
#DBD6C7
#DBD4C9
#DED9C1
#DED7C3
#DED5C5
#DED4C6
#DED2C8
#DED0CA
#DECECC
#E1D6C1
#E1D4C3
#E1D2C5
#E1CFC8
#E1CDCA
#E1CBCC
#E1C8CF
#E5D2C1
#E5CFC4
#E5CDC6
#E5CAC9
#E5C7CC
#E5C4CF
#E5C1D2
Colorpallet from #D2E5C1 to #E5D2C1 and to #C1D2E5
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D5E2C1
#D4E2C2
#D3E2C3
#D2E2C4
#D1E2C5
#D0E2C6
#CFE2C7
#D8DFC1
#D6DFC3
#D4DFC5
#D3DFC7
#D1DFC9
#CFDFCB
#CDDFCD
#DBDCC1
#D8DCC4
#D6DCC6
#D3DCC9
#D0DCCC
#CDDCCF
#CADCD2
#DED9C1
#DAD9C5
#D7D9C8
#D3D9CC
#CFD9D0
#CCD9D3
#C7D9D8
#E1D6C1
#DCD6C6
#D8D6CA
#D3D6CF
#CED6D4
#CAD6D8
#C4D6DE
#E5D2C1
#DFD2C7
#D9D2CD
#D4D2D2
#CED2D8
#C8D2DE
#C1D2E5
Colorpallet from #D2E5C1 to #E5D2C1 and to #C1E5D2
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D5E2C1
#D4E2C1
#D3E3C2
#D2E3C2
#D1E4C3
#D0E4C3
#CFE5C4
#D8DFC1
#D6E0C2
#D4E1C3
#D3E2C3
#D1E3C4
#CFE4C5
#CDE5C6
#DBDCC1
#D8DDC2
#D6DFC4
#D3E0C5
#D0E2C6
#CDE3C7
#CAE5C9
#DED9C1
#DADBC3
#D7DDC5
#D3DFC6
#CFE1C8
#CCE3CA
#C7E5CC
#E1D6C1
#DCD8C3
#D8DBC5
#D3DDC8
#CEE0CA
#CAE2CC
#C4E5CF
#E5D2C1
#DFD5C4
#D9D8C6
#D4DBC9
#CEDECC
#C8E1CF
#C1E5D2
Colorpallet from #D2E5C1 to #E5C1D2 and to #C1D2E5
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D5DFC4
#D4DFC4
#D3E0C5
#D2E0C5
#D1E1C6
#D0E1C6
#CFE2C7
#D8D9C6
#D6DAC7
#D4DBC8
#D3DCC9
#D1DDCA
#CFDECC
#CDDFCD
#DBD4C9
#D8D5CA
#D6D7CC
#D3D8CD
#D0D9CF
#CDDAD0
#CADCD2
#DECECC
#DAD0CE
#D7D2D0
#D3D3D2
#CFD5D4
#CCD7D6
#C7D9D8
#E1C8CF
#DCCAD1
#D8CCD4
#D3CFD6
#CED1D9
#CAD3DB
#C4D6DE
#E5C1D2
#DFC4D5
#D9C6D8
#D4C9DB
#CECCDE
#C8CFE1
#C1D2E5
Colorpallet from #D2E5C1 to #E5C1D2 and to #C1E5D2
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D5DFC4
#D4E0C4
#D3E1C4
#D2E2C4
#D1E3C4
#D0E4C4
#CFE5C4
#D8D9C6
#D6DBC6
#D4DDC6
#D3DFC6
#D1E1C6
#CFE3C6
#CDE5C6
#DBD4C9
#D8D7C9
#D6D9C9
#D3DCC9
#D0DFC9
#CDE2C9
#CAE5C9
#DECECC
#DAD2CC
#D7D5CC
#D3D9CC
#CFDDCC
#CCE0CC
#C7E5CC
#E1C8CF
#DCCDCF
#D8D1CF
#D3D6CF
#CEDBCF
#CADFCF
#C4E5CF
#E5C1D2
#DFC7D2
#D9CDD2
#D4D2D2
#CED8D2
#C8DED2
#C1E5D2
Colorpallet from #D2E5C1 to #C1D2E5 and to #C1E5D2
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#D2E5C1
#CFE2C7
#CFE2C7
#CFE3C6
#CFE3C6
#CFE4C5
#CFE4C5
#CFE5C4
#CDDFCD
#CDE0CC
#CDE1CB
#CDE2CA
#CDE3C9
#CDE4C7
#CDE5C6
#CADCD2
#CADDD1
#CADFCF
#CAE0CE
#CAE2CC
#CAE3CB
#CAE5C9
#C7D9D8
#C7DBD6
#C7DDD4
#C7DFD2
#C7E1D0
#C7E3CE
#C7E5CC
#C4D6DE
#C4D8DC
#C4DBD9
#C4DDD7
#C4E0D4
#C4E2D2
#C4E5CF
#C1D2E5
#C1D5E2
#C1D8DF
#C1DBDC
#C1DED9
#C1E1D6
#C1E5D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts