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 #AFE4D2 to #AFD2E4 and to #E4AFD2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE1D5
#B0E0D5
#B2DFD4
#B3DFD4
#B4DED3
#B5DDD3
#B7DCD2
#AFDED8
#B2DCD7
#B4DAD6
#B7D9D5
#BAD7D4
#BDD5D3
#C0D3D2
#AFDBDB
#B3D8DA
#B7D6D8
#BBD3D7
#BFD1D5
#C3CED4
#C8CBD2
#AFD8DE
#B4D4DC
#BAD1DA
#BFCDD8
#C5CAD6
#CAC6D4
#D1C2D2
#AFD6E0
#B6D2DE
#BCCDDC
#C3C9D9
#CAC4D7
#D1C0D5
#D9BAD2
#AFD2E4
#B7CCE1
#C0C7DE
#C8C1DB
#D1BCD8
#D9B6D6
#E4AFD2
Colorpallet from #AFE4D2 to #AFD2E4 and to #E4D2AF
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE1D5
#B0E1D4
#B2E1D2
#B3E1D1
#B4E1CF
#B5E1CE
#B7E1CC
#AFDED8
#B2DED5
#B4DED3
#B7DED0
#BADECD
#BDDECA
#C0DEC7
#AFDBDB
#B3DBD7
#B7DBD3
#BBDBCF
#BFDBCA
#C3DBC6
#C8DBC1
#AFD8DE
#B4D8D9
#BAD8D3
#BFD8CE
#C5D8C8
#CAD8C3
#D1D8BC
#AFD6E0
#B6D6D9
#BCD6D3
#C3D6CC
#CAD6C5
#D1D6BE
#D9D6B6
#AFD2E4
#B7D2DC
#C0D2D3
#C8D2CB
#D1D2C2
#D9D2BA
#E4D2AF
Colorpallet from #AFE4D2 to #AFD2E4 and to #D2AFE4
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE1D5
#B0E0D5
#B1DFD5
#B2DFD5
#B3DED5
#B4DDD5
#B5DCD5
#AFDED8
#B1DCD8
#B3DAD8
#B4D9D8
#B6D7D8
#B8D5D8
#BAD3D8
#AFDBDB
#B2D8DB
#B4D6DB
#B7D3DB
#BAD1DB
#BDCEDB
#C0CBDB
#AFD8DE
#B3D4DE
#B6D1DE
#BACDDE
#BDCADE
#C1C6DE
#C5C2DE
#AFD6E0
#B3D2E0
#B8CDE0
#BCC9E0
#C1C4E0
#C5C0E0
#CBBAE0
#AFD2E4
#B5CCE4
#BAC7E4
#C0C1E4
#C5BCE4
#CBB6E4
#D2AFE4
Colorpallet from #AFE4D2 to #AFD2E4 and to #D2E4AF
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE1D5
#B0E1D4
#B1E2D2
#B2E2D1
#B3E3CF
#B4E3CE
#B5E4CC
#AFDED8
#B1DFD5
#B3E0D3
#B4E1D0
#B6E2CD
#B8E3CA
#BAE4C7
#AFDBDB
#B2DCD7
#B4DED3
#B7DFCF
#BAE1CA
#BDE2C6
#C0E4C1
#AFD8DE
#B3DAD9
#B6DCD3
#BADECE
#BDE0C8
#C1E2C3
#C5E4BC
#AFD6E0
#B3D8D9
#B8DAD3
#BCDDCC
#C1DFC5
#C5E1BE
#CBE4B6
#AFD2E4
#B5D5DC
#BAD8D3
#C0DBCB
#C5DEC2
#CBE0BA
#D2E4AF
Colorpallet from #AFE4D2 to #E4AFD2 and to #E4D2AF
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#B7DCD2
#B7DDD1
#B7DED0
#B7DECF
#B7DFCE
#B7E0CD
#B7E1CC
#C0D3D2
#C0D5D0
#C0D7CE
#C0D8CD
#C0DACB
#C0DCC9
#C0DEC7
#C8CBD2
#C8CECF
#C8D0CD
#C8D3CA
#C8D5C7
#C8D8C4
#C8DBC1
#D1C2D2
#D1C6CE
#D1C9CB
#D1CDC7
#D1D0C4
#D1D4C0
#D1D8BC
#D9BAD2
#D9BECE
#D9C3C9
#D9C7C5
#D9CCC0
#D9D0BC
#D9D6B6
#E4AFD2
#E4B5CC
#E4BAC7
#E4C0C1
#E4C5BC
#E4CBB6
#E4D2AF
Colorpallet from #AFE4D2 to #E4AFD2 and to #D2AFE4
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#B7DCD2
#B7DCD2
#B6DCD3
#B6DCD3
#B6DCD4
#B5DCD4
#B5DCD5
#C0D3D2
#BFD3D3
#BED3D4
#BDD3D5
#BCD3D6
#BBD3D7
#BAD3D8
#C8CBD2
#C7CBD3
#C5CBD5
#C4CBD6
#C3CBD8
#C2CBD9
#C0CBDB
#D1C2D2
#CFC2D4
#CDC2D6
#CBC2D8
#C9C2DA
#C7C2DC
#C5C2DE
#D9BAD2
#D7BAD4
#D5BAD6
#D2BAD9
#D0BADB
#CEBADD
#CBBAE0
#E4AFD2
#E1AFD5
#DEAFD8
#DBAFDB
#D8AFDE
#D6AFE0
#D2AFE4
Colorpallet from #AFE4D2 to #E4AFD2 and to #D2E4AF
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#B7DCD2
#B7DDD1
#B6DFD0
#B6E0CF
#B6E1CE
#B5E2CD
#B5E4CC
#C0D3D2
#BFD6D0
#BED8CE
#BDDBCD
#BCDECB
#BBE1C9
#BAE4C7
#C8CBD2
#C7CFCF
#C5D3CD
#C4D7CA
#C3DBC7
#C2DFC4
#C0E4C1
#D1C2D2
#CFC7CE
#CDCDCB
#CBD2C7
#C9D8C4
#C7DDC0
#C5E4BC
#D9BAD2
#D7C1CE
#D5C7C9
#D2CEC5
#D0D5C0
#CEDCBC
#CBE4B6
#E4AFD2
#E1B7CC
#DEC0C7
#DBC8C1
#D8D1BC
#D6D9B6
#D2E4AF
Colorpallet from #AFE4D2 to #E4D2AF and to #D2AFE4
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#B7E1CC
#B7E0CD
#B6DFCF
#B6DFD0
#B6DED2
#B5DDD3
#B5DCD5
#C0DEC7
#BFDCCA
#BEDACC
#BDD9CF
#BCD7D2
#BBD5D5
#BAD3D8
#C8DBC1
#C7D8C5
#C5D6C9
#C4D3CD
#C3D1D2
#C2CED6
#C0CBDB
#D1D8BC
#CFD4C1
#CDD1C7
#CBCDCC
#C9CAD2
#C7C6D7
#C5C2DE
#D9D6B6
#D7D2BD
#D5CDC3
#D2C9CA
#D0C4D1
#CEC0D8
#CBBAE0
#E4D2AF
#E1CCB7
#DEC7C0
#DBC1C8
#D8BCD1
#D6B6D9
#D2AFE4
Colorpallet from #AFE4D2 to #E4D2AF and to #D2E4AF
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#B7E1CC
#B7E1CC
#B6E2CC
#B6E2CC
#B6E3CC
#B5E3CC
#B5E4CC
#C0DEC7
#BFDFC7
#BEE0C7
#BDE1C7
#BCE2C7
#BBE3C7
#BAE4C7
#C8DBC1
#C7DCC1
#C5DEC1
#C4DFC1
#C3E1C1
#C2E2C1
#C0E4C1
#D1D8BC
#CFDABC
#CDDCBC
#CBDEBC
#C9E0BC
#C7E2BC
#C5E4BC
#D9D6B6
#D7D8B6
#D5DAB6
#D2DDB6
#D0DFB6
#CEE1B6
#CBE4B6
#E4D2AF
#E1D5AF
#DED8AF
#DBDBAF
#D8DEAF
#D6E0AF
#D2E4AF
Colorpallet from #AFE4D2 to #D2AFE4 and to #D2E4AF
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#AFE4D2
#B5DCD5
#B5DDD4
#B5DFD2
#B5E0D1
#B5E1CF
#B5E2CE
#B5E4CC
#BAD3D8
#BAD6D5
#BAD8D3
#BADBD0
#BADECD
#BAE1CA
#BAE4C7
#C0CBDB
#C0CFD7
#C0D3D3
#C0D7CF
#C0DBCA
#C0DFC6
#C0E4C1
#C5C2DE
#C5C7D9
#C5CDD3
#C5D2CE
#C5D8C8
#C5DDC3
#C5E4BC
#CBBAE0
#CBC1D9
#CBC7D3
#CBCECC
#CBD5C5
#CBDCBE
#CBE4B6
#D2AFE4
#D2B7DC
#D2C0D3
#D2C8CB
#D2D1C2
#D2D9BA
#D2E4AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts