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 #AFD2E5 to #AFE5D2 and to #D2AFE5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD5E2
#B0D4E2
#B1D2E3
#B2D1E3
#B3CFE4
#B4CEE4
#B5CCE5
#AFD8DF
#B1D5E0
#B3D3E1
#B4D0E2
#B6CDE3
#B8CAE4
#BAC7E5
#AFDBDC
#B2D7DD
#B4D3DF
#B7CFE0
#BACAE2
#BDC6E3
#C0C1E5
#AFDED9
#B3D9DB
#B6D3DD
#BACEDF
#BDC8E1
#C1C3E3
#C5BCE5
#AFE1D6
#B3DAD8
#B8D3DB
#BCCCDD
#C1C5E0
#C5BFE2
#CBB6E5
#AFE5D2
#B5DCD5
#BAD4D8
#C0CBDB
#C5C2DE
#CBBAE1
#D2AFE5
Colorpallet from #AFD2E5 to #AFE5D2 and to #D2E5AF
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD5E2
#B0D5E1
#B1D5E0
#B2D5DF
#B3D5DE
#B4D5DD
#B5D5DC
#AFD8DF
#B1D8DD
#B3D8DB
#B4D8DA
#B6D8D8
#B8D8D6
#BAD8D4
#AFDBDC
#B2DBD9
#B4DBD7
#B7DBD4
#BADBD1
#BDDBCE
#C0DBCB
#AFDED9
#B3DED5
#B6DED2
#BADECE
#BDDECA
#C1DEC7
#C5DEC2
#AFE1D6
#B3E1D2
#B8E1CD
#BCE1C9
#C1E1C4
#C5E1C0
#CBE1BA
#AFE5D2
#B5E5CC
#BAE5C7
#C0E5C1
#C5E5BC
#CBE5B6
#D2E5AF
Colorpallet from #AFD2E5 to #AFE5D2 and to #E5AFD2
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD5E2
#B0D4E2
#B2D2E2
#B3D1E2
#B5CFE2
#B6CEE2
#B8CCE2
#AFD8DF
#B2D5DF
#B4D3DF
#B7D0DF
#BACDDF
#BDCADF
#C0C7DF
#AFDBDC
#B3D7DC
#B7D3DC
#BBCFDC
#C0CADC
#C4C6DC
#C9C1DC
#AFDED9
#B5D9D9
#BAD3D9
#C0CED9
#C5C8D9
#CBC3D9
#D2BCD9
#AFE1D6
#B6DAD6
#BDD3D6
#C4CCD6
#CBC5D6
#D1BFD6
#DAB6D6
#AFE5D2
#B8DCD2
#C0D4D2
#C9CBD2
#D2C2D2
#DABAD2
#E5AFD2
Colorpallet from #AFD2E5 to #AFE5D2 and to #E5D2AF
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD5E2
#B0D5E1
#B2D4E0
#B3D4DF
#B5D3DE
#B6D3DD
#B8D2DC
#AFD8DF
#B2D7DD
#B4D6DB
#B7D5DA
#BAD4D8
#BDD3D6
#C0D2D4
#AFDBDC
#B3DAD9
#B7D8D7
#BBD7D4
#C0D5D1
#C4D4CE
#C9D2CB
#AFDED9
#B5DCD5
#BADAD2
#C0D8CE
#C5D6CA
#CBD4C7
#D2D2C2
#AFE1D6
#B6DFD2
#BDDCCD
#C4DAC9
#CBD7C4
#D1D5C0
#DAD2BA
#AFE5D2
#B8E2CC
#C0DFC7
#C9DCC1
#D2D9BC
#DAD6B6
#E5D2AF
Colorpallet from #AFD2E5 to #D2AFE5 and to #D2E5AF
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#B5CCE5
#B5CDE4
#B5CFE2
#B5D0E1
#B5D2DF
#B5D3DE
#B5D5DC
#BAC7E5
#BACAE2
#BACCE0
#BACFDD
#BAD2DA
#BAD5D7
#BAD8D4
#C0C1E5
#C0C5E1
#C0C9DD
#C0CDD9
#C0D2D4
#C0D6D0
#C0DBCB
#C5BCE5
#C5C1DF
#C5C7DA
#C5CCD4
#C5D2CF
#C5D7C9
#C5DEC2
#CBB6E5
#CBBDDE
#CBC4D7
#CBCBD0
#CBD2C9
#CBD8C3
#CBE1BA
#D2AFE5
#D2B8DC
#D2C0D4
#D2C9CB
#D2D2C2
#D2DABA
#D2E5AF
Colorpallet from #AFD2E5 to #D2AFE5 and to #E5AFD2
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#B5CCE5
#B5CCE5
#B6CCE4
#B6CCE4
#B7CCE3
#B7CCE3
#B8CCE2
#BAC7E5
#BBC7E4
#BCC7E3
#BDC7E2
#BEC7E1
#BFC7E0
#C0C7DF
#C0C1E5
#C1C1E4
#C3C1E2
#C4C1E1
#C6C1DF
#C7C1DE
#C9C1DC
#C5BCE5
#C7BCE3
#C9BCE1
#CBBCDF
#CDBCDD
#CFBCDB
#D2BCD9
#CBB6E5
#CDB6E3
#D0B6E0
#D2B6DE
#D5B6DB
#D7B6D9
#DAB6D6
#D2AFE5
#D5AFE2
#D8AFDF
#DBAFDC
#DEAFD9
#E1AFD6
#E5AFD2
Colorpallet from #AFD2E5 to #D2AFE5 and to #E5D2AF
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#B5CCE5
#B5CDE4
#B6CEE2
#B6CFE1
#B7D0DF
#B7D1DE
#B8D2DC
#BAC7E5
#BBC9E2
#BCCBE0
#BDCCDD
#BECEDA
#BFD0D7
#C0D2D4
#C0C1E5
#C1C4E1
#C3C6DD
#C4C9D9
#C6CCD4
#C7CFD0
#C9D2CB
#C5BCE5
#C7C0DF
#C9C3DA
#CBC7D4
#CDCACF
#CFCEC9
#D2D2C2
#CBB6E5
#CDBADE
#D0BFD7
#D2C3D0
#D5C8C9
#D7CCC3
#DAD2BA
#D2AFE5
#D5B5DC
#D8BAD4
#DBC0CB
#DEC5C2
#E1CBBA
#E5D2AF
Colorpallet from #AFD2E5 to #D2E5AF and to #E5AFD2
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#B5D5DC
#B5D4DD
#B6D2DE
#B6D1DF
#B7CFE0
#B7CEE1
#B8CCE2
#BAD8D4
#BBD5D6
#BCD3D8
#BDD0D9
#BECDDB
#BFCADD
#C0C7DF
#C0DBCB
#C1D7CE
#C3D3D0
#C4CFD3
#C6CAD6
#C7C6D9
#C9C1DC
#C5DEC2
#C7D9C6
#C9D3C9
#CBCECD
#CDC8D1
#CFC3D4
#D2BCD9
#CBE1BA
#CDDABE
#D0D3C3
#D2CCC7
#D5C5CC
#D7BFD0
#DAB6D6
#D2E5AF
#D5DCB5
#D8D4BA
#DBCBC0
#DEC2C5
#E1BACB
#E5AFD2
Colorpallet from #AFD2E5 to #D2E5AF and to #E5D2AF
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#B5D5DC
#B5D5DC
#B6D4DC
#B6D4DC
#B7D3DC
#B7D3DC
#B8D2DC
#BAD8D4
#BBD7D4
#BCD6D4
#BDD5D4
#BED4D4
#BFD3D4
#C0D2D4
#C0DBCB
#C1DACB
#C3D8CB
#C4D7CB
#C6D5CB
#C7D4CB
#C9D2CB
#C5DEC2
#C7DCC2
#C9DAC2
#CBD8C2
#CDD6C2
#CFD4C2
#D2D2C2
#CBE1BA
#CDDFBA
#D0DCBA
#D2DABA
#D5D7BA
#D7D5BA
#DAD2BA
#D2E5AF
#D5E2AF
#D8DFAF
#DBDCAF
#DED9AF
#E1D6AF
#E5D2AF
Colorpallet from #AFD2E5 to #E5AFD2 and to #E5D2AF
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#AFD2E5
#B8CCE2
#B8CDE1
#B8CEE0
#B8CFDF
#B8D0DE
#B8D1DD
#B8D2DC
#C0C7DF
#C0C9DD
#C0CBDB
#C0CCDA
#C0CED8
#C0D0D6
#C0D2D4
#C9C1DC
#C9C4D9
#C9C6D7
#C9C9D4
#C9CCD1
#C9CFCE
#C9D2CB
#D2BCD9
#D2C0D5
#D2C3D2
#D2C7CE
#D2CACA
#D2CEC7
#D2D2C2
#DAB6D6
#DABAD2
#DABFCD
#DAC3C9
#DAC8C4
#DACCC0
#DAD2BA
#E5AFD2
#E5B5CC
#E5BAC7
#E5C0C1
#E5C5BC
#E5CBB6
#E5D2AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts