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 #ADE2D3 to #ADD3E2 and to #E2ADD3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE0D5
#AEDFD5
#B0DED4
#B1DDD4
#B2DCD4
#B3DBD3
#B5DAD3
#ADDDD8
#B0DBD7
#B2D9D6
#B5D7D6
#B8D5D5
#BBD3D4
#BED1D3
#ADDBDA
#B1D8D9
#B5D5D8
#B9D2D7
#BDCFD6
#C1CDD4
#C6C9D3
#ADD8DD
#B2D4DB
#B8D0DA
#BDCCD8
#C3C9D7
#C8C5D5
#CFC0D3
#ADD6DF
#B4D1DD
#BACCDB
#C1C8D9
#C8C3D7
#CFBED5
#D7B8D3
#ADD3E2
#B5CDE0
#BEC7DD
#C6C1DB
#CFBBD8
#D7B5D6
#E2ADD3
Colorpallet from #ADE2D3 to #ADD3E2 and to #E2D3AD
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE0D5
#AEE0D4
#B0E0D2
#B1E0D1
#B2E0D0
#B3E0CF
#B5E0CD
#ADDDD8
#B0DDD5
#B2DDD3
#B5DDD0
#B8DDCD
#BBDDCA
#BEDDC7
#ADDBDA
#B1DBD6
#B5DBD2
#B9DBCE
#BDDBCA
#C1DBC6
#C6DBC1
#ADD8DD
#B2D8D8
#B8D8D2
#BDD8CD
#C3D8C7
#C8D8C2
#CFD8BB
#ADD6DF
#B4D6D8
#BAD6D2
#C1D6CB
#C8D6C4
#CFD6BD
#D7D6B5
#ADD3E2
#B5D3DA
#BED3D1
#C6D3C9
#CFD3C0
#D7D3B8
#E2D3AD
Colorpallet from #ADE2D3 to #ADD3E2 and to #D3ADE2
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE0D5
#AEDFD5
#AFDED5
#B0DDD5
#B1DCD5
#B2DBD5
#B3DAD5
#ADDDD8
#AFDBD8
#B1D9D8
#B3D7D8
#B5D5D8
#B7D3D8
#B9D1D8
#ADDBDA
#B0D8DA
#B3D5DA
#B6D2DA
#B9CFDA
#BBCDDA
#BFC9DA
#ADD8DD
#B1D4DD
#B5D0DD
#B9CCDD
#BCC9DD
#C0C5DD
#C5C0DD
#ADD6DF
#B2D1DF
#B7CCDF
#BBC8DF
#C0C3DF
#C5BEDF
#CBB8DF
#ADD3E2
#B3CDE2
#B9C7E2
#BFC1E2
#C5BBE2
#CBB5E2
#D3ADE2
Colorpallet from #ADE2D3 to #ADD3E2 and to #D3E2AD
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE0D5
#AEE0D4
#AFE1D2
#B0E1D1
#B1E1D0
#B2E2CF
#B3E2CD
#ADDDD8
#AFDED5
#B1DFD3
#B3DFD0
#B5E0CD
#B7E1CA
#B9E2C7
#ADDBDA
#B0DCD6
#B3DDD2
#B6DECE
#B9DFCA
#BBE1C6
#BFE2C1
#ADD8DD
#B1DAD8
#B5DBD2
#B9DDCD
#BCDEC7
#C0E0C2
#C5E2BB
#ADD6DF
#B2D8D8
#B7DAD2
#BBDCCB
#C0DEC4
#C5E0BD
#CBE2B5
#ADD3E2
#B3D5DA
#B9D8D1
#BFDAC9
#C5DDC0
#CBDFB8
#D3E2AD
Colorpallet from #ADE2D3 to #E2ADD3 and to #E2D3AD
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#B5DAD3
#B5DBD2
#B5DCD1
#B5DDD0
#B5DECF
#B5DFCE
#B5E0CD
#BED1D3
#BED3D1
#BED5CF
#BED7CD
#BED9CB
#BEDBC9
#BEDDC7
#C6C9D3
#C6CCD0
#C6CFCD
#C6D2CA
#C6D5C7
#C6D7C5
#C6DBC1
#CFC0D3
#CFC4CF
#CFC8CB
#CFCCC7
#CFCFC4
#CFD3C0
#CFD8BB
#D7B8D3
#D7BDCE
#D7C2C9
#D7C6C5
#D7CBC0
#D7D0BB
#D7D6B5
#E2ADD3
#E2B3CD
#E2B9C7
#E2BFC1
#E2C5BB
#E2CBB5
#E2D3AD
Colorpallet from #ADE2D3 to #E2ADD3 and to #D3ADE2
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#B5DAD3
#B5DAD3
#B4DAD4
#B4DAD4
#B4DAD4
#B3DAD5
#B3DAD5
#BED1D3
#BDD1D4
#BCD1D5
#BCD1D5
#BBD1D6
#BAD1D7
#B9D1D8
#C6C9D3
#C5C9D4
#C4C9D5
#C3C9D6
#C2C9D7
#C0C9D9
#BFC9DA
#CFC0D3
#CDC0D5
#CCC0D6
#CAC0D8
#C9C0D9
#C7C0DB
#C5C0DD
#D7B8D3
#D5B8D5
#D3B8D7
#D1B8D9
#CFB8DB
#CDB8DD
#CBB8DF
#E2ADD3
#E0ADD5
#DDADD8
#DBADDA
#D8ADDD
#D6ADDF
#D3ADE2
Colorpallet from #ADE2D3 to #E2ADD3 and to #D3E2AD
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#B5DAD3
#B5DBD2
#B4DDD1
#B4DED0
#B4DFCF
#B3E0CE
#B3E2CD
#BED1D3
#BDD4D1
#BCD6CF
#BCD9CD
#BBDCCB
#BADFC9
#B9E2C7
#C6C9D3
#C5CDD0
#C4D1CD
#C3D5CA
#C2D9C7
#C0DDC5
#BFE2C1
#CFC0D3
#CDC5CF
#CCCBCB
#CAD0C7
#C9D6C4
#C7DBC0
#C5E2BB
#D7B8D3
#D5BFCE
#D3C5C9
#D1CCC5
#CFD3C0
#CDDABB
#CBE2B5
#E2ADD3
#E0B5CD
#DDBEC7
#DBC6C1
#D8CFBB
#D6D7B5
#D3E2AD
Colorpallet from #ADE2D3 to #E2D3AD and to #D3ADE2
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#B5E0CD
#B5DFCE
#B4DED0
#B4DDD1
#B4DCD2
#B3DBD3
#B3DAD5
#BEDDC7
#BDDBCA
#BCD9CC
#BCD7CF
#BBD5D2
#BAD3D5
#B9D1D8
#C6DBC1
#C5D8C5
#C4D5C9
#C3D2CD
#C2CFD1
#C0CDD5
#BFC9DA
#CFD8BB
#CDD4C0
#CCD0C6
#CACCCB
#C9C9D1
#C7C5D6
#C5C0DD
#D7D6B5
#D5D1BC
#D3CCC2
#D1C8C9
#CFC3D0
#CDBED7
#CBB8DF
#E2D3AD
#E0CDB5
#DDC7BE
#DBC1C6
#D8BBCF
#D6B5D7
#D3ADE2
Colorpallet from #ADE2D3 to #E2D3AD and to #D3E2AD
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#B5E0CD
#B5E0CD
#B4E1CD
#B4E1CD
#B4E1CD
#B3E2CD
#B3E2CD
#BEDDC7
#BDDEC7
#BCDFC7
#BCDFC7
#BBE0C7
#BAE1C7
#B9E2C7
#C6DBC1
#C5DCC1
#C4DDC1
#C3DEC1
#C2DFC1
#C0E1C1
#BFE2C1
#CFD8BB
#CDDABB
#CCDBBB
#CADDBB
#C9DEBB
#C7E0BB
#C5E2BB
#D7D6B5
#D5D8B5
#D3DAB5
#D1DCB5
#CFDEB5
#CDE0B5
#CBE2B5
#E2D3AD
#E0D5AD
#DDD8AD
#DBDAAD
#D8DDAD
#D6DFAD
#D3E2AD
Colorpallet from #ADE2D3 to #D3ADE2 and to #D3E2AD
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#ADE2D3
#B3DAD5
#B3DBD4
#B3DDD2
#B3DED1
#B3DFD0
#B3E0CF
#B3E2CD
#B9D1D8
#B9D4D5
#B9D6D3
#B9D9D0
#B9DCCD
#B9DFCA
#B9E2C7
#BFC9DA
#BFCDD6
#BFD1D2
#BFD5CE
#BFD9CA
#BFDDC6
#BFE2C1
#C5C0DD
#C5C5D8
#C5CBD2
#C5D0CD
#C5D6C7
#C5DBC2
#C5E2BB
#CBB8DF
#CBBFD8
#CBC5D2
#CBCCCB
#CBD3C4
#CBDABD
#CBE2B5
#D3ADE2
#D3B5DA
#D3BED1
#D3C6C9
#D3CFC0
#D3D7B8
#D3E2AD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts