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 #D9C2EA to #D9EAC2 and to #C2D9EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C8E4
#D8C8E5
#D8C7E6
#D7C7E7
#D6C7E8
#D6C6E9
#D5C6EA
#D9CFDD
#D8CEDF
#D7CDE1
#D6CCE3
#D5CBE5
#D3CAE7
#D2C9EA
#D9D5D7
#D7D4DA
#D5D2DD
#D4D1E0
#D2D0E3
#D0CFE6
#CECDEA
#D9DCD0
#D7DAD4
#D4D8D8
#D2D7DC
#CFD5E1
#CDD3E5
#CAD1EA
#D9E2CA
#D6E0CF
#D3DED4
#D0DBD9
#CDD9DE
#CBD7E4
#C7D4EA
#D9EAC2
#D5E7C8
#D2E5CF
#CEE2D5
#CADFDC
#C7DCE2
#C2D9EA
Colorpallet from #D9C2EA to #D9EAC2 and to #C2EAD9
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C8E4
#D8C8E4
#D8C8E5
#D7C8E5
#D6C8E6
#D6C8E6
#D5C8E7
#D9CFDD
#D8CFDE
#D7CFE0
#D6CFE1
#D5CFE2
#D3CFE3
#D2CFE5
#D9D5D7
#D7D5D9
#D5D5DB
#D4D5DC
#D2D5DE
#D0D5E0
#CED5E2
#D9DCD0
#D7DCD2
#D4DCD5
#D2DCD7
#CFDCDA
#CDDCDC
#CADCDF
#D9E2CA
#D6E2CD
#D3E2D0
#D0E2D3
#CDE2D6
#CBE2D8
#C7E2DC
#D9EAC2
#D5EAC6
#D2EAC9
#CEEACD
#CAEAD1
#C7EAD4
#C2EAD9
Colorpallet from #D9C2EA to #D9EAC2 and to #EAD9C2
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C8E4
#D9C8E4
#DAC7E4
#DAC7E4
#DBC7E4
#DBC6E4
#DCC6E4
#D9CFDD
#DACEDD
#DBCDDD
#DBCCDD
#DCCBDD
#DDCADD
#DEC9DD
#D9D5D7
#DAD4D7
#DCD2D7
#DDD1D7
#DED0D7
#DFCFD7
#E1CDD7
#D9DCD0
#DBDAD0
#DDD8D0
#DED7D0
#E0D5D0
#E2D3D0
#E4D1D0
#D9E2CA
#DBE0CA
#DDDECA
#E0DBCA
#E2D9CA
#E4D7CA
#E7D4CA
#D9EAC2
#DCE7C2
#DEE5C2
#E1E2C2
#E4DFC2
#E7DCC2
#EAD9C2
Colorpallet from #D9C2EA to #D9EAC2 and to #EAC2D9
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C8E4
#D9C7E4
#DAC6E5
#DAC5E5
#DBC4E6
#DBC3E6
#DCC2E7
#D9CFDD
#DACDDE
#DBCBE0
#DBC9E1
#DCC7E2
#DDC5E3
#DEC2E5
#D9D5D7
#DAD2D9
#DCCFDB
#DDCCDC
#DEC9DE
#DFC6E0
#E1C2E2
#D9DCD0
#DBD8D2
#DDD4D5
#DED0D7
#E0CBDA
#E2C7DC
#E4C2DF
#D9E2CA
#DBDDCD
#DDD8D0
#E0D3D3
#E2CED6
#E4C8D8
#E7C2DC
#D9EAC2
#DCE4C6
#DEDDC9
#E1D7CD
#E4D0D1
#E7CAD4
#EAC2D9
Colorpallet from #D9C2EA to #C2D9EA and to #C2EAD9
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D5C6EA
#D5C6EA
#D5C7E9
#D5C7E9
#D5C7E8
#D5C8E8
#D5C8E7
#D2C9EA
#D2CAE9
#D2CBE8
#D2CCE8
#D2CDE7
#D2CEE6
#D2CFE5
#CECDEA
#CECEE9
#CED0E7
#CED1E6
#CED2E5
#CED3E4
#CED5E2
#CAD1EA
#CAD3E8
#CAD5E6
#CAD6E5
#CAD8E3
#CADAE1
#CADCDF
#C7D4EA
#C7D6E8
#C7D8E6
#C7DBE3
#C7DDE1
#C7DFDF
#C7E2DC
#C2D9EA
#C2DCE7
#C2DEE5
#C2E1E2
#C2E4DF
#C2E7DC
#C2EAD9
Colorpallet from #D9C2EA to #C2D9EA and to #EAD9C2
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D5C6EA
#D6C6E9
#D7C6E8
#D8C6E7
#D9C6E6
#DBC6E5
#DCC6E4
#D2C9EA
#D4C9E8
#D6C9E6
#D8C9E4
#DAC9E2
#DCC9E0
#DEC9DD
#CECDEA
#D1CDE7
#D4CDE4
#D7CDE1
#DACDDE
#DDCDDB
#E1CDD7
#CAD1EA
#CED1E6
#D2D1E2
#D6D1DE
#DBD1D9
#DFD1D5
#E4D1D0
#C7D4EA
#CCD4E5
#D1D4E0
#D6D4DB
#DBD4D6
#E1D4D0
#E7D4CA
#C2D9EA
#C8D9E4
#CFD9DD
#D5D9D7
#DCD9D0
#E2D9CA
#EAD9C2
Colorpallet from #D9C2EA to #C2D9EA and to #EAC2D9
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D5C6EA
#D6C5EA
#D7C5E9
#D8C4E9
#D9C3E8
#DBC3E8
#DCC2E7
#D2C9EA
#D4C8E9
#D6C7E8
#D8C6E8
#DAC5E7
#DCC3E6
#DEC2E5
#CECDEA
#D1CBE9
#D4C9E7
#D7C8E6
#DAC6E5
#DDC4E4
#E1C2E2
#CAD1EA
#CECFE8
#D2CCE6
#D6CAE5
#DBC7E3
#DFC5E1
#E4C2DF
#C7D4EA
#CCD1E8
#D1CEE6
#D6CBE3
#DBC8E1
#E1C6DF
#E7C2DC
#C2D9EA
#C8D5E7
#CFD2E5
#D5CEE2
#DCCADF
#E2C7DC
#EAC2D9
Colorpallet from #D9C2EA to #C2EAD9 and to #EAD9C2
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D5C8E7
#D6C8E7
#D7C7E6
#D8C7E6
#D9C7E5
#DBC6E5
#DCC6E4
#D2CFE5
#D4CEE4
#D6CDE2
#D8CCE1
#DACBE0
#DCCADF
#DEC9DD
#CED5E2
#D1D4E0
#D4D2DE
#D7D1DD
#DAD0DB
#DDCFD9
#E1CDD7
#CADCDF
#CEDADD
#D2D8DA
#D6D7D8
#DBD5D5
#DFD3D3
#E4D1D0
#C7E2DC
#CCE0D9
#D1DED6
#D6DBD3
#DBD9D0
#E1D7CE
#E7D4CA
#C2EAD9
#C8E7D5
#CFE5D2
#D5E2CE
#DCDFCA
#E2DCC7
#EAD9C2
Colorpallet from #D9C2EA to #C2EAD9 and to #EAC2D9
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D5C8E7
#D6C7E7
#D7C6E7
#D8C5E7
#D9C4E7
#DBC3E7
#DCC2E7
#D2CFE5
#D4CDE5
#D6CBE5
#D8C9E5
#DAC7E5
#DCC5E5
#DEC2E5
#CED5E2
#D1D2E2
#D4CFE2
#D7CCE2
#DAC9E2
#DDC6E2
#E1C2E2
#CADCDF
#CED8DF
#D2D4DF
#D6D0DF
#DBCBDF
#DFC7DF
#E4C2DF
#C7E2DC
#CCDDDC
#D1D8DC
#D6D3DC
#DBCEDC
#E1C8DC
#E7C2DC
#C2EAD9
#C8E4D9
#CFDDD9
#D5D7D9
#DCD0D9
#E2CAD9
#EAC2D9
Colorpallet from #D9C2EA to #EAD9C2 and to #EAC2D9
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#D9C2EA
#DCC6E4
#DCC5E4
#DCC5E5
#DCC4E5
#DCC3E6
#DCC3E6
#DCC2E7
#DEC9DD
#DEC8DE
#DEC7E0
#DEC6E1
#DEC5E2
#DEC3E3
#DEC2E5
#E1CDD7
#E1CBD9
#E1C9DB
#E1C8DC
#E1C6DE
#E1C4E0
#E1C2E2
#E4D1D0
#E4CFD2
#E4CCD5
#E4CAD7
#E4C7DA
#E4C5DC
#E4C2DF
#E7D4CA
#E7D1CD
#E7CED0
#E7CBD3
#E7C8D6
#E7C6D8
#E7C2DC
#EAD9C2
#EAD5C6
#EAD2C9
#EACECD
#EACAD1
#EAC7D4
#EAC2D9
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
