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 #ADE6D2 to #ADD2E6 and to #E6ADD2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE3D5
#AEE2D5
#B0E1D4
#B1E0D4
#B3DFD3
#B4DED3
#B6DDD2
#ADE0D8
#B0DED7
#B3DCD6
#B6DAD5
#B9D8D4
#BBD6D3
#BFD4D2
#ADDCDC
#B1D9DA
#B6D7D9
#BAD4D7
#BED1D6
#C3CED4
#C8CBD2
#ADD9DF
#B3D5DD
#B9D2DB
#BECED9
#C4CAD7
#CAC7D5
#D1C2D2
#ADD6E2
#B4D1DF
#BCCCDD
#C3C8DA
#CAC3D8
#D2BED5
#DBB8D2
#ADD2E6
#B6CCE3
#BFC6E0
#C8C0DC
#D1BAD9
#DBB4D6
#E6ADD2
Colorpallet from #ADE6D2 to #ADD2E6 and to #E6D2AD
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE3D5
#AEE3D4
#B0E3D2
#B1E3D1
#B3E3CF
#B4E3CE
#B6E3CC
#ADE0D8
#B0E0D5
#B3E0D2
#B6E0CF
#B9E0CC
#BBE0CA
#BFE0C6
#ADDCDC
#B1DCD8
#B6DCD3
#BADCCF
#BEDCCA
#C3DCC6
#C8DCC0
#ADD9DF
#B3D9D9
#B9D9D3
#BED9CD
#C4D9C7
#CAD9C1
#D1D9BA
#ADD6E2
#B4D6DB
#BCD6D3
#C3D6CC
#CAD6C5
#D2D6BD
#DBD6B4
#ADD2E6
#B6D2DD
#BFD2D4
#C8D2CB
#D1D2C2
#DBD2B8
#E6D2AD
Colorpallet from #ADE6D2 to #ADD2E6 and to #D2ADE6
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE3D5
#AEE2D5
#AFE1D5
#B0E0D5
#B1DFD5
#B2DED5
#B3DDD5
#ADE0D8
#AFDED8
#B1DCD8
#B3DAD8
#B5D8D8
#B7D6D8
#B9D4D8
#ADDCDC
#B0D9DC
#B3D7DC
#B6D4DC
#B9D1DC
#BBCEDC
#BFCBDC
#ADD9DF
#B1D5DF
#B5D2DF
#B9CEDF
#BCCADF
#C0C7DF
#C5C2DF
#ADD6E2
#B2D1E2
#B7CCE2
#BBC8E2
#C0C3E2
#C5BEE2
#CBB8E2
#ADD2E6
#B3CCE6
#B9C6E6
#BFC0E6
#C5BAE6
#CBB4E6
#D2ADE6
Colorpallet from #ADE6D2 to #ADD2E6 and to #D2E6AD
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE3D5
#AEE3D4
#AFE4D2
#B0E4D1
#B1E5CF
#B2E5CE
#B3E6CC
#ADE0D8
#AFE1D5
#B1E2D2
#B3E3CF
#B5E4CC
#B7E5CA
#B9E6C6
#ADDCDC
#B0DED8
#B3DFD3
#B6E1CF
#B9E2CA
#BBE4C6
#BFE6C0
#ADD9DF
#B1DBD9
#B5DDD3
#B9DFCD
#BCE1C7
#C0E3C1
#C5E6BA
#ADD6E2
#B2D9DB
#B7DBD3
#BBDECC
#C0E0C5
#C5E3BD
#CBE6B4
#ADD2E6
#B3D5DD
#B9D8D4
#BFDCCB
#C5DFC2
#CBE2B8
#D2E6AD
Colorpallet from #ADE6D2 to #E6ADD2 and to #E6D2AD
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#B6DDD2
#B6DED1
#B6DFD0
#B6E0CF
#B6E1CE
#B6E2CD
#B6E3CC
#BFD4D2
#BFD6D0
#BFD8CE
#BFDACC
#BFDCCA
#BFDEC8
#BFE0C6
#C8CBD2
#C8CECF
#C8D0CC
#C8D3C9
#C8D6C6
#C8D9C4
#C8DCC0
#D1C2D2
#D1C6CE
#D1C9CA
#D1CDC6
#D1D1C3
#D1D4BF
#D1D9BA
#DBB8D2
#DBBDCD
#DBC2C8
#DBC6C4
#DBCBBF
#DBD0BA
#DBD6B4
#E6ADD2
#E6B3CC
#E6B9C6
#E6BFC0
#E6C5BA
#E6CBB4
#E6D2AD
Colorpallet from #ADE6D2 to #E6ADD2 and to #D2ADE6
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#B6DDD2
#B6DDD2
#B5DDD3
#B5DDD3
#B4DDD4
#B4DDD4
#B3DDD5
#BFD4D2
#BED4D3
#BDD4D4
#BCD4D5
#BBD4D6
#BAD4D7
#B9D4D8
#C8CBD2
#C7CBD4
#C5CBD5
#C4CBD7
#C2CBD8
#C1CBDA
#BFCBDC
#D1C2D2
#CFC2D4
#CDC2D6
#CBC2D8
#C9C2DA
#C7C2DC
#C5C2DF
#DBB8D2
#D8B8D5
#D6B8D7
#D3B8DA
#D1B8DC
#CEB8DF
#CBB8E2
#E6ADD2
#E3ADD5
#E0ADD8
#DCADDC
#D9ADDF
#D6ADE2
#D2ADE6
Colorpallet from #ADE6D2 to #E6ADD2 and to #D2E6AD
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#B6DDD2
#B6DED1
#B5E0D0
#B5E1CF
#B4E3CE
#B4E4CD
#B3E6CC
#BFD4D2
#BED7D0
#BDDACE
#BCDDCC
#BBE0CA
#BAE2C8
#B9E6C6
#C8CBD2
#C7CFCF
#C5D4CC
#C4D8C9
#C2DCC6
#C1E1C4
#BFE6C0
#D1C2D2
#CFC8CE
#CDCECA
#CBD3C6
#C9D9C3
#C7DFBF
#C5E6BA
#DBB8D2
#D8BFCD
#D6C7C8
#D3CEC4
#D1D5BF
#CEDDBA
#CBE6B4
#E6ADD2
#E3B6CC
#E0BFC6
#DCC8C0
#D9D1BA
#D6DBB4
#D2E6AD
Colorpallet from #ADE6D2 to #E6D2AD and to #D2ADE6
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#B6E3CC
#B6E2CD
#B5E1CF
#B5E0D0
#B4DFD2
#B4DED3
#B3DDD5
#BFE0C6
#BEDEC9
#BDDCCC
#BCDACF
#BBD8D2
#BAD6D4
#B9D4D8
#C8DCC0
#C7D9C4
#C5D7C9
#C4D4CD
#C2D1D2
#C1CED6
#BFCBDC
#D1D9BA
#CFD5C0
#CDD2C6
#CBCECC
#C9CAD2
#C7C7D8
#C5C2DF
#DBD6B4
#D8D1BB
#D6CCC3
#D3C8CA
#D1C3D1
#CEBED9
#CBB8E2
#E6D2AD
#E3CCB6
#E0C6BF
#DCC0C8
#D9BAD1
#D6B4DB
#D2ADE6
Colorpallet from #ADE6D2 to #E6D2AD and to #D2E6AD
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#B6E3CC
#B6E3CC
#B5E4CC
#B5E4CC
#B4E5CC
#B4E5CC
#B3E6CC
#BFE0C6
#BEE1C6
#BDE2C6
#BCE3C6
#BBE4C6
#BAE5C6
#B9E6C6
#C8DCC0
#C7DEC0
#C5DFC0
#C4E1C0
#C2E2C0
#C1E4C0
#BFE6C0
#D1D9BA
#CFDBBA
#CDDDBA
#CBDFBA
#C9E1BA
#C7E3BA
#C5E6BA
#DBD6B4
#D8D9B4
#D6DBB4
#D3DEB4
#D1E0B4
#CEE3B4
#CBE6B4
#E6D2AD
#E3D5AD
#E0D8AD
#DCDCAD
#D9DFAD
#D6E2AD
#D2E6AD
Colorpallet from #ADE6D2 to #D2ADE6 and to #D2E6AD
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#ADE6D2
#B3DDD5
#B3DED4
#B3E0D2
#B3E1D1
#B3E3CF
#B3E4CE
#B3E6CC
#B9D4D8
#B9D7D5
#B9DAD2
#B9DDCF
#B9E0CC
#B9E2CA
#B9E6C6
#BFCBDC
#BFCFD8
#BFD4D3
#BFD8CF
#BFDCCA
#BFE1C6
#BFE6C0
#C5C2DF
#C5C8D9
#C5CED3
#C5D3CD
#C5D9C7
#C5DFC1
#C5E6BA
#CBB8E2
#CBBFDB
#CBC7D3
#CBCECC
#CBD5C5
#CBDDBD
#CBE6B4
#D2ADE6
#D2B6DD
#D2BFD4
#D2C8CB
#D2D1C2
#D2DBB8
#D2E6AD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
