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 #ADE2D1 to #ADD1E2 and to #E2ADD1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADDFD4
#AEDED4
#B0DDD3
#B1DDD3
#B2DCD2
#B3DBD2
#B5DAD1
#ADDDD6
#B0DBD5
#B2D9D4
#B5D7D4
#B8D5D3
#BBD3D2
#BED1D1
#ADDAD9
#B1D7D8
#B5D5D6
#B9D2D5
#BDCFD4
#C1CCD3
#C6C9D1
#ADD7DC
#B2D3DA
#B8D0D8
#BDCCD7
#C3C8D5
#C8C5D3
#CFC0D1
#ADD4DF
#B4D0DD
#BACBDB
#C1C7D8
#C8C2D6
#CFBED4
#D7B8D1
#ADD1E2
#B5CBDF
#BEC5DD
#C6C0DA
#CFBAD7
#D7B4D4
#E2ADD1
Colorpallet from #ADE2D1 to #ADD1E2 and to #E2D1AD
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADDFD4
#AEDFD3
#B0DFD1
#B1DFD0
#B2DFCE
#B3DFCD
#B5DFCB
#ADDDD6
#B0DDD3
#B2DDD1
#B5DDCE
#B8DDCB
#BBDDC8
#BEDDC5
#ADDAD9
#B1DAD5
#B5DAD1
#B9DACD
#BDDAC9
#C1DAC5
#C6DAC0
#ADD7DC
#B2D7D7
#B8D7D1
#BDD7CC
#C3D7C6
#C8D7C1
#CFD7BA
#ADD4DF
#B4D4D8
#BAD4D1
#C1D4CA
#C8D4C3
#CFD4BD
#D7D4B4
#ADD1E2
#B5D1DA
#BED1D1
#C6D1C9
#CFD1C0
#D7D1B8
#E2D1AD
Colorpallet from #ADE2D1 to #ADD1E2 and to #D1ADE2
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADDFD4
#AEDED4
#AFDDD4
#B0DDD4
#B1DCD4
#B2DBD4
#B3DAD4
#ADDDD6
#AFDBD6
#B1D9D6
#B3D7D6
#B5D5D6
#B7D3D6
#B9D1D6
#ADDAD9
#B0D7D9
#B2D5D9
#B5D2D9
#B8CFD9
#BBCCD9
#BEC9D9
#ADD7DC
#B1D3DC
#B4D0DC
#B8CCDC
#BCC8DC
#BFC5DC
#C4C0DC
#ADD4DF
#B2D0DF
#B6CBDF
#BBC7DF
#C0C2DF
#C4BEDF
#CAB8DF
#ADD1E2
#B3CBE2
#B9C5E2
#BEC0E2
#C4BAE2
#CAB4E2
#D1ADE2
Colorpallet from #ADE2D1 to #ADD1E2 and to #D1E2AD
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADDFD4
#AEDFD3
#AFE0D1
#B0E0D0
#B1E1CE
#B2E1CD
#B3E2CB
#ADDDD6
#AFDED3
#B1DFD1
#B3DFCE
#B5E0CB
#B7E1C8
#B9E2C5
#ADDAD9
#B0DBD5
#B2DDD1
#B5DECD
#B8DFC9
#BBE0C5
#BEE2C0
#ADD7DC
#B1D9D7
#B4DBD1
#B8DCCC
#BCDEC6
#BFE0C1
#C4E2BA
#ADD4DF
#B2D6D8
#B6D8D1
#BBDBCA
#C0DDC3
#C4DFBD
#CAE2B4
#ADD1E2
#B3D4DA
#B9D6D1
#BED9C9
#C4DCC0
#CADFB8
#D1E2AD
Colorpallet from #ADE2D1 to #E2ADD1 and to #E2D1AD
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#B5DAD1
#B5DBD0
#B5DCCF
#B5DCCE
#B5DDCD
#B5DECC
#B5DFCB
#BED1D1
#BED3CF
#BED5CD
#BED7CB
#BED9C9
#BEDBC7
#BEDDC5
#C6C9D1
#C6CCCE
#C6CECC
#C6D1C9
#C6D4C6
#C6D7C3
#C6DAC0
#CFC0D1
#CFC4CD
#CFC7CA
#CFCBC6
#CFCFC2
#CFD2BF
#CFD7BA
#D7B8D1
#D7BCCC
#D7C1C8
#D7C5C3
#D7CABE
#D7CEBA
#D7D4B4
#E2ADD1
#E2B3CB
#E2B9C5
#E2BEC0
#E2C4BA
#E2CAB4
#E2D1AD
Colorpallet from #ADE2D1 to #E2ADD1 and to #D1ADE2
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#B5DAD1
#B5DAD1
#B4DAD2
#B4DAD2
#B4DAD3
#B3DAD3
#B3DAD4
#BED1D1
#BDD1D2
#BCD1D3
#BCD1D3
#BBD1D4
#BAD1D5
#B9D1D6
#C6C9D1
#C5C9D2
#C3C9D4
#C2C9D5
#C1C9D6
#C0C9D7
#BEC9D9
#CFC0D1
#CDC0D3
#CBC0D5
#CAC0D6
#C8C0D8
#C6C0DA
#C4C0DC
#D7B8D1
#D5B8D3
#D3B8D5
#D1B8D8
#CFB8DA
#CDB8DC
#CAB8DF
#E2ADD1
#DFADD4
#DDADD6
#DAADD9
#D7ADDC
#D4ADDF
#D1ADE2
Colorpallet from #ADE2D1 to #E2ADD1 and to #D1E2AD
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#B5DAD1
#B5DBD0
#B4DDCF
#B4DECE
#B4DFCD
#B3E0CC
#B3E2CB
#BED1D1
#BDD4CF
#BCD6CD
#BCD9CB
#BBDCC9
#BADFC7
#B9E2C5
#C6C9D1
#C5CDCE
#C3D1CC
#C2D5C9
#C1D9C6
#C0DDC3
#BEE2C0
#CFC0D1
#CDC5CD
#CBCBCA
#CAD0C6
#C8D6C2
#C6DBBF
#C4E2BA
#D7B8D1
#D5BFCC
#D3C5C8
#D1CCC3
#CFD3BE
#CDDABA
#CAE2B4
#E2ADD1
#DFB5CB
#DDBEC5
#DAC6C0
#D7CFBA
#D4D7B4
#D1E2AD
Colorpallet from #ADE2D1 to #E2D1AD and to #D1ADE2
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#B5DFCB
#B5DECC
#B4DDCE
#B4DDCF
#B4DCD1
#B3DBD2
#B3DAD4
#BEDDC5
#BDDBC8
#BCD9CA
#BCD7CD
#BBD5D0
#BAD3D3
#B9D1D6
#C6DAC0
#C5D7C4
#C3D5C8
#C2D2CC
#C1CFD0
#C0CCD4
#BEC9D9
#CFD7BA
#CDD3BF
#CBD0C5
#CACCCA
#C8C8D0
#C6C5D5
#C4C0DC
#D7D4B4
#D5D0BB
#D3CBC2
#D1C7C9
#CFC2D0
#CDBED6
#CAB8DF
#E2D1AD
#DFCBB5
#DDC5BE
#DAC0C6
#D7BACF
#D4B4D7
#D1ADE2
Colorpallet from #ADE2D1 to #E2D1AD and to #D1E2AD
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#B5DFCB
#B5DFCB
#B4E0CB
#B4E0CB
#B4E1CB
#B3E1CB
#B3E2CB
#BEDDC5
#BDDEC5
#BCDFC5
#BCDFC5
#BBE0C5
#BAE1C5
#B9E2C5
#C6DAC0
#C5DBC0
#C3DDC0
#C2DEC0
#C1DFC0
#C0E0C0
#BEE2C0
#CFD7BA
#CDD9BA
#CBDBBA
#CADCBA
#C8DEBA
#C6E0BA
#C4E2BA
#D7D4B4
#D5D6B4
#D3D8B4
#D1DBB4
#CFDDB4
#CDDFB4
#CAE2B4
#E2D1AD
#DFD4AD
#DDD6AD
#DAD9AD
#D7DCAD
#D4DFAD
#D1E2AD
Colorpallet from #ADE2D1 to #D1ADE2 and to #D1E2AD
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#ADE2D1
#B3DAD4
#B3DBD3
#B3DDD1
#B3DED0
#B3DFCE
#B3E0CD
#B3E2CB
#B9D1D6
#B9D4D3
#B9D6D1
#B9D9CE
#B9DCCB
#B9DFC8
#B9E2C5
#BEC9D9
#BECDD5
#BED1D1
#BED5CD
#BED9C9
#BEDDC5
#BEE2C0
#C4C0DC
#C4C5D7
#C4CBD1
#C4D0CC
#C4D6C6
#C4DBC1
#C4E2BA
#CAB8DF
#CABFD8
#CAC5D1
#CACCCA
#CAD3C3
#CADABD
#CAE2B4
#D1ADE2
#D1B5DA
#D1BED1
#D1C6C9
#D1CFC0
#D1D7B8
#D1E2AD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts