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 #D3BEE6 to #D3E6BE and to #BED3E6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3C4E0
#D3C4E1
#D2C3E2
#D2C3E3
#D1C2E4
#D1C2E5
#D0C1E6
#D3CBD9
#D2CADB
#D1C9DD
#D0C8DF
#CFC7E1
#CDC6E3
#CCC5E6
#D3D1D3
#D1D0D6
#D0CED9
#CECDDC
#CDCBDF
#CBCAE2
#C9C8E6
#D3D8CC
#D1D6D0
#CFD4D4
#CDD2D8
#CBD0DD
#C9CEE1
#C6CBE6
#D3DEC6
#D0DCCB
#CED9D0
#CBD7D5
#C8D4DA
#C5D2E0
#C2CFE6
#D3E6BE
#D0E3C4
#CCE0CB
#C9DDD1
#C6DAD8
#C2D7DE
#BED3E6
Colorpallet from #D3BEE6 to #D3E6BE and to #BEE6D3
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3C4E0
#D3C4E0
#D2C4E1
#D2C4E1
#D1C4E2
#D1C4E2
#D0C4E3
#D3CBD9
#D2CBDA
#D1CBDB
#D0CBDC
#CFCBDD
#CDCBDF
#CCCBE0
#D3D1D3
#D1D1D5
#D0D1D6
#CED1D8
#CDD1D9
#CBD1DB
#C9D1DD
#D3D8CC
#D1D8CE
#CFD8D0
#CDD8D3
#CBD8D5
#C9D8D7
#C6D8DA
#D3DEC6
#D0DEC9
#CEDECB
#CBDECE
#C8DED1
#C5DED4
#C2DED7
#D3E6BE
#D0E6C1
#CCE6C5
#C9E6C8
#C6E6CB
#C2E6CF
#BEE6D3
Colorpallet from #D3BEE6 to #D3E6BE and to #E6D3BE
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3C4E0
#D3C4E0
#D4C3E0
#D4C3E0
#D5C2E0
#D5C2E0
#D6C1E0
#D3CBD9
#D4CAD9
#D5C9D9
#D6C8D9
#D7C7D9
#D8C6D9
#D9C5D9
#D3D1D3
#D4D0D3
#D6CED3
#D7CDD3
#D9CBD3
#DACAD3
#DCC8D3
#D3D8CC
#D5D6CC
#D7D4CC
#D9D2CC
#DBD0CC
#DDCECC
#DFCBCC
#D3DEC6
#D5DCC6
#D8D9C6
#DAD7C6
#DDD4C6
#DFD2C6
#E2CFC6
#D3E6BE
#D6E3BE
#D9E0BE
#DCDDBE
#DFDABE
#E2D7BE
#E6D3BE
Colorpallet from #D3BEE6 to #D3E6BE and to #E6BED3
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3C4E0
#D3C3E0
#D4C2E1
#D4C1E1
#D5C0E2
#D5BFE2
#D6BEE3
#D3CBD9
#D4C9DA
#D5C7DB
#D6C5DC
#D7C3DD
#D8C1DF
#D9BEE0
#D3D1D3
#D4CED5
#D6CBD6
#D7C8D8
#D9C5D9
#DAC2DB
#DCBEDD
#D3D8CC
#D5D4CE
#D7D0D0
#D9CCD3
#DBC7D5
#DDC3D7
#DFBEDA
#D3DEC6
#D5D9C9
#D8D4CB
#DACFCE
#DDCAD1
#DFC4D4
#E2BED7
#D3E6BE
#D6E0C1
#D9D9C5
#DCD3C8
#DFCCCB
#E2C6CF
#E6BED3
Colorpallet from #D3BEE6 to #BED3E6 and to #BEE6D3
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D0C1E6
#D0C1E6
#D0C2E5
#D0C2E5
#D0C3E4
#D0C3E4
#D0C4E3
#CCC5E6
#CCC6E5
#CCC7E4
#CCC8E3
#CCC9E2
#CCCAE1
#CCCBE0
#C9C8E6
#C9C9E5
#C9CBE3
#C9CCE2
#C9CEE0
#C9CFDF
#C9D1DD
#C6CBE6
#C6CDE4
#C6CFE2
#C6D1E0
#C6D3DE
#C6D5DC
#C6D8DA
#C2CFE6
#C2D1E4
#C2D4E1
#C2D6DF
#C2D9DC
#C2DBDA
#C2DED7
#BED3E6
#BED6E3
#BED9E0
#BEDCDD
#BEDFDA
#BEE2D7
#BEE6D3
Colorpallet from #D3BEE6 to #BED3E6 and to #E6D3BE
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D0C1E6
#D1C1E5
#D2C1E4
#D3C1E3
#D4C1E2
#D5C1E1
#D6C1E0
#CCC5E6
#CEC5E4
#D0C5E2
#D2C5E0
#D4C5DE
#D6C5DC
#D9C5D9
#C9C8E6
#CCC8E3
#CFC8E0
#D2C8DD
#D5C8DA
#D8C8D7
#DCC8D3
#C6CBE6
#CACBE2
#CECBDE
#D2CBDA
#D6CBD5
#DACBD1
#DFCBCC
#C2CFE6
#C7CFE1
#CCCFDC
#D1CFD7
#D6CFD2
#DCCFCC
#E2CFC6
#BED3E6
#C4D3E0
#CBD3D9
#D1D3D3
#D8D3CC
#DED3C6
#E6D3BE
Colorpallet from #D3BEE6 to #BED3E6 and to #E6BED3
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D0C1E6
#D1C1E6
#D2C0E5
#D3C0E5
#D4BFE4
#D5BFE4
#D6BEE3
#CCC5E6
#CEC4E5
#D0C3E4
#D2C2E3
#D4C1E2
#D6BFE1
#D9BEE0
#C9C8E6
#CCC6E5
#CFC5E3
#D2C3E2
#D5C2E0
#D8C0DF
#DCBEDD
#C6CBE6
#CAC9E4
#CEC7E2
#D2C5E0
#D6C3DE
#DAC1DC
#DFBEDA
#C2CFE6
#C7CCE4
#CCCAE1
#D1C7DF
#D6C4DC
#DCC1DA
#E2BED7
#BED3E6
#C4D0E3
#CBCCE0
#D1C9DD
#D8C6DA
#DEC2D7
#E6BED3
Colorpallet from #D3BEE6 to #BEE6D3 and to #E6D3BE
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D0C4E3
#D1C4E3
#D2C3E2
#D3C3E2
#D4C2E1
#D5C2E1
#D6C1E0
#CCCBE0
#CECADF
#D0C9DE
#D2C8DD
#D4C7DC
#D6C6DA
#D9C5D9
#C9D1DD
#CCD0DB
#CFCEDA
#D2CDD8
#D5CBD7
#D8CAD5
#DCC8D3
#C6D8DA
#CAD6D8
#CED4D6
#D2D2D3
#D6D0D1
#DACECF
#DFCBCC
#C2DED7
#C7DCD4
#CCD9D2
#D1D7CF
#D6D4CC
#DCD2C9
#E2CFC6
#BEE6D3
#C4E3D0
#CBE0CC
#D1DDC9
#D8DAC6
#DED7C2
#E6D3BE
Colorpallet from #D3BEE6 to #BEE6D3 and to #E6BED3
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D0C4E3
#D1C3E3
#D2C2E3
#D3C1E3
#D4C0E3
#D5BFE3
#D6BEE3
#CCCBE0
#CEC9E0
#D0C7E0
#D2C5E0
#D4C3E0
#D6C1E0
#D9BEE0
#C9D1DD
#CCCEDD
#CFCBDD
#D2C8DD
#D5C5DD
#D8C2DD
#DCBEDD
#C6D8DA
#CAD4DA
#CED0DA
#D2CCDA
#D6C7DA
#DAC3DA
#DFBEDA
#C2DED7
#C7D9D7
#CCD4D7
#D1CFD7
#D6CAD7
#DCC4D7
#E2BED7
#BEE6D3
#C4E0D3
#CBD9D3
#D1D3D3
#D8CCD3
#DEC6D3
#E6BED3
Colorpallet from #D3BEE6 to #E6D3BE and to #E6BED3
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D3BEE6
#D6C1E0
#D6C1E0
#D6C0E1
#D6C0E1
#D6BFE2
#D6BFE2
#D6BEE3
#D9C5D9
#D9C4DA
#D9C3DB
#D9C2DC
#D9C1DD
#D9BFDF
#D9BEE0
#DCC8D3
#DCC6D5
#DCC5D6
#DCC3D8
#DCC2D9
#DCC0DB
#DCBEDD
#DFCBCC
#DFC9CE
#DFC7D0
#DFC5D3
#DFC3D5
#DFC1D7
#DFBEDA
#E2CFC6
#E2CCC9
#E2CACB
#E2C7CE
#E2C4D1
#E2C1D4
#E2BED7
#E6D3BE
#E6D0C1
#E6CCC5
#E6C9C8
#E6C6CB
#E6C2CF
#E6BED3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
