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 #AFD2E4 to #AFE4D2 and to #D2AFE4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD5E1
#B0D4E1
#B1D2E2
#B2D1E2
#B3CFE3
#B4CEE3
#B5CCE4
#AFD8DE
#B1D5DF
#B3D3E0
#B4D0E1
#B6CDE2
#B8CAE3
#BAC7E4
#AFDBDB
#B2D7DC
#B4D3DE
#B7CFDF
#BACAE1
#BDC6E2
#C0C1E4
#AFDED8
#B3D9DA
#B6D3DC
#BACEDE
#BDC8E0
#C1C3E2
#C5BCE4
#AFE0D6
#B3D9D8
#B8D3DA
#BCCCDD
#C1C5DF
#C5BEE1
#CBB6E4
#AFE4D2
#B5DCD5
#BAD3D8
#C0CBDB
#C5C2DE
#CBBAE0
#D2AFE4
Colorpallet from #AFD2E4 to #AFE4D2 and to #D2E4AF
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD5E1
#B0D5E0
#B1D5DF
#B2D5DF
#B3D5DE
#B4D5DD
#B5D5DC
#AFD8DE
#B1D8DC
#B3D8DA
#B4D8D9
#B6D8D7
#B8D8D5
#BAD8D3
#AFDBDB
#B2DBD8
#B4DBD6
#B7DBD3
#BADBD1
#BDDBCE
#C0DBCB
#AFDED8
#B3DED4
#B6DED1
#BADECD
#BDDECA
#C1DEC6
#C5DEC2
#AFE0D6
#B3E0D2
#B8E0CD
#BCE0C9
#C1E0C4
#C5E0C0
#CBE0BA
#AFE4D2
#B5E4CC
#BAE4C7
#C0E4C1
#C5E4BC
#CBE4B6
#D2E4AF
Colorpallet from #AFD2E4 to #AFE4D2 and to #E4AFD2
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD5E1
#B0D4E1
#B2D2E1
#B3D1E1
#B4CFE1
#B5CEE1
#B7CCE1
#AFD8DE
#B2D5DE
#B4D3DE
#B7D0DE
#BACDDE
#BDCADE
#C0C7DE
#AFDBDB
#B3D7DB
#B7D3DB
#BBCFDB
#BFCADB
#C3C6DB
#C8C1DB
#AFDED8
#B4D9D8
#BAD3D8
#BFCED8
#C5C8D8
#CAC3D8
#D1BCD8
#AFE0D6
#B6D9D6
#BCD3D6
#C3CCD6
#CAC5D6
#D1BED6
#D9B6D6
#AFE4D2
#B7DCD2
#C0D3D2
#C8CBD2
#D1C2D2
#D9BAD2
#E4AFD2
Colorpallet from #AFD2E4 to #AFE4D2 and to #E4D2AF
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD5E1
#B0D5E0
#B2D4DF
#B3D4DF
#B4D3DE
#B5D3DD
#B7D2DC
#AFD8DE
#B2D7DC
#B4D6DA
#B7D5D9
#BAD4D7
#BDD3D5
#C0D2D3
#AFDBDB
#B3DAD8
#B7D8D6
#BBD7D3
#BFD5D1
#C3D4CE
#C8D2CB
#AFDED8
#B4DCD4
#BADAD1
#BFD8CD
#C5D6CA
#CAD4C6
#D1D2C2
#AFE0D6
#B6DED2
#BCDCCD
#C3D9C9
#CAD7C4
#D1D5C0
#D9D2BA
#AFE4D2
#B7E1CC
#C0DEC7
#C8DBC1
#D1D8BC
#D9D6B6
#E4D2AF
Colorpallet from #AFD2E4 to #D2AFE4 and to #D2E4AF
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#B5CCE4
#B5CDE3
#B5CFE1
#B5D0E0
#B5D2DF
#B5D3DE
#B5D5DC
#BAC7E4
#BACAE1
#BACCDF
#BACFDC
#BAD2D9
#BAD5D6
#BAD8D3
#C0C1E4
#C0C5E0
#C0C9DC
#C0CDD8
#C0D2D4
#C0D6D0
#C0DBCB
#C5BCE4
#C5C1DF
#C5C7D9
#C5CCD4
#C5D2CE
#C5D7C9
#C5DEC2
#CBB6E4
#CBBDDD
#CBC3D7
#CBCAD0
#CBD1C9
#CBD8C2
#CBE0BA
#D2AFE4
#D2B7DC
#D2C0D3
#D2C8CB
#D2D1C2
#D2D9BA
#D2E4AF
Colorpallet from #AFD2E4 to #D2AFE4 and to #E4AFD2
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#B5CCE4
#B5CCE4
#B6CCE3
#B6CCE3
#B6CCE2
#B7CCE2
#B7CCE1
#BAC7E4
#BBC7E3
#BCC7E2
#BDC7E1
#BEC7E0
#BFC7DF
#C0C7DE
#C0C1E4
#C1C1E3
#C3C1E1
#C4C1E0
#C5C1DE
#C6C1DD
#C8C1DB
#C5BCE4
#C7BCE2
#C9BCE0
#CBBCDE
#CDBCDC
#CFBCDA
#D1BCD8
#CBB6E4
#CDB6E2
#CFB6E0
#D2B6DD
#D4B6DB
#D6B6D9
#D9B6D6
#D2AFE4
#D5AFE1
#D8AFDE
#DBAFDB
#DEAFD8
#E0AFD6
#E4AFD2
Colorpallet from #AFD2E4 to #D2AFE4 and to #E4D2AF
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#B5CCE4
#B5CDE3
#B6CEE1
#B6CFE0
#B6D0DF
#B7D1DE
#B7D2DC
#BAC7E4
#BBC9E1
#BCCBDF
#BDCCDC
#BECED9
#BFD0D6
#C0D2D3
#C0C1E4
#C1C4E0
#C3C6DC
#C4C9D8
#C5CCD4
#C6CFD0
#C8D2CB
#C5BCE4
#C7C0DF
#C9C3D9
#CBC7D4
#CDCACE
#CFCEC9
#D1D2C2
#CBB6E4
#CDBADD
#CFBFD7
#D2C3D0
#D4C8C9
#D6CCC2
#D9D2BA
#D2AFE4
#D5B5DC
#D8BAD3
#DBC0CB
#DEC5C2
#E0CBBA
#E4D2AF
Colorpallet from #AFD2E4 to #D2E4AF and to #E4AFD2
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#B5D5DC
#B5D4DD
#B6D2DE
#B6D1DE
#B6CFDF
#B7CEE0
#B7CCE1
#BAD8D3
#BBD5D5
#BCD3D7
#BDD0D8
#BECDDA
#BFCADC
#C0C7DE
#C0DBCB
#C1D7CE
#C3D3D0
#C4CFD3
#C5CAD5
#C6C6D8
#C8C1DB
#C5DEC2
#C7D9C6
#C9D3C9
#CBCECD
#CDC8D0
#CFC3D4
#D1BCD8
#CBE0BA
#CDD9BE
#CFD3C3
#D2CCC7
#D4C5CC
#D6BED0
#D9B6D6
#D2E4AF
#D5DCB5
#D8D3BA
#DBCBC0
#DEC2C5
#E0BACB
#E4AFD2
Colorpallet from #AFD2E4 to #D2E4AF and to #E4D2AF
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#B5D5DC
#B5D5DC
#B6D4DC
#B6D4DC
#B6D3DC
#B7D3DC
#B7D2DC
#BAD8D3
#BBD7D3
#BCD6D3
#BDD5D3
#BED4D3
#BFD3D3
#C0D2D3
#C0DBCB
#C1DACB
#C3D8CB
#C4D7CB
#C5D5CB
#C6D4CB
#C8D2CB
#C5DEC2
#C7DCC2
#C9DAC2
#CBD8C2
#CDD6C2
#CFD4C2
#D1D2C2
#CBE0BA
#CDDEBA
#CFDCBA
#D2D9BA
#D4D7BA
#D6D5BA
#D9D2BA
#D2E4AF
#D5E1AF
#D8DEAF
#DBDBAF
#DED8AF
#E0D6AF
#E4D2AF
Colorpallet from #AFD2E4 to #E4AFD2 and to #E4D2AF
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#AFD2E4
#B7CCE1
#B7CDE0
#B7CEDF
#B7CFDF
#B7D0DE
#B7D1DD
#B7D2DC
#C0C7DE
#C0C9DC
#C0CBDA
#C0CCD9
#C0CED7
#C0D0D5
#C0D2D3
#C8C1DB
#C8C4D8
#C8C6D6
#C8C9D3
#C8CCD1
#C8CFCE
#C8D2CB
#D1BCD8
#D1C0D4
#D1C3D1
#D1C7CD
#D1CACA
#D1CEC6
#D1D2C2
#D9B6D6
#D9BAD2
#D9BFCD
#D9C3C9
#D9C8C4
#D9CCC0
#D9D2BA
#E4AFD2
#E4B5CC
#E4BAC7
#E4C0C1
#E4C5BC
#E4CBB6
#E4D2AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts