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 #ABD2ED to #ABEDD2 and to #D2ABED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD6E9
#ACD4EA
#ADD3EA
#AED1EB
#AFD0EC
#B0CEEC
#B1CCED
#ABDBE4
#ADD8E5
#AFD4E7
#B1D1E8
#B3CEEA
#B5CAEB
#B7C6ED
#ABDFE0
#AEDAE2
#B1D5E4
#B4D0E6
#B7CBE8
#BAC5EA
#BEBFED
#ABE3DC
#AFDCDF
#B3D6E1
#B7CFE4
#BBC8E7
#BFC1EA
#C4B9ED
#ABE8D7
#B0E0DB
#B5D7DE
#BACFE2
#BFC6E5
#C4BEE9
#CAB3ED
#ABEDD2
#B1E2D6
#B7D8DB
#BECDDF
#C4C3E3
#CAB8E8
#D2ABED
Colorpallet from #ABD2ED to #ABEDD2 and to #D2EDAB
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD6E9
#ACD6E8
#ADD6E7
#AED6E6
#AFD6E5
#B0D6E3
#B1D6E2
#ABDBE4
#ADDBE2
#AFDBE0
#B1DBDE
#B3DBDC
#B5DBDA
#B7DBD8
#ABDFE0
#AEDFDD
#B1DFDA
#B4DFD7
#B7DFD4
#BADFD1
#BEDFCD
#ABE3DC
#AFE3D8
#B3E3D4
#B7E3D0
#BBE3CC
#BFE3C8
#C4E3C3
#ABE8D7
#B0E8D2
#B5E8CD
#BAE8C8
#BFE8C3
#C4E8BE
#CAE8B8
#ABEDD2
#B1EDCC
#B7EDC6
#BEEDBF
#C4EDB9
#CAEDB3
#D2EDAB
Colorpallet from #ABD2ED to #ABEDD2 and to #EDABD2
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD6E9
#ADD4E9
#AFD3E9
#B0D1E9
#B2D0E9
#B4CEE9
#B6CCE9
#ABDBE4
#AED8E4
#B2D4E4
#B5D1E4
#B8CEE4
#BCCAE4
#C0C6E4
#ABDFE0
#B0DAE0
#B5D5E0
#BAD0E0
#BFCBE0
#C5C5E0
#CBBFE0
#ABE3DC
#B2DCDC
#B8D6DC
#BFCFDC
#C6C8DC
#CDC1DC
#D5B9DC
#ABE8D7
#B3E0D7
#BCD7D7
#C4CFD7
#CDC6D7
#D5BED7
#E0B3D7
#ABEDD2
#B6E2D2
#C0D8D2
#CBCDD2
#D5C3D2
#E0B8D2
#EDABD2
Colorpallet from #ABD2ED to #ABEDD2 and to #EDD2AB
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD6E9
#ADD5E8
#AFD5E7
#B0D4E6
#B2D3E5
#B4D3E3
#B6D2E2
#ABDBE4
#AEDAE2
#B2D8E0
#B5D7DE
#B8D5DC
#BCD4DA
#C0D2D8
#ABDFE0
#B0DDDD
#B5DBDA
#BAD9D7
#BFD7D4
#C5D5D1
#CBD2CD
#ABE3DC
#B2E0D8
#B8DED4
#BFDBD0
#C6D8CC
#CDD5C8
#D5D2C3
#ABE8D7
#B3E4D2
#BCE1CD
#C4DDC8
#CDDAC3
#D5D6BE
#E0D2B8
#ABEDD2
#B6E9CC
#C0E4C6
#CBE0BF
#D5DCB9
#E0D7B3
#EDD2AB
Colorpallet from #ABD2ED to #D2ABED and to #D2EDAB
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#B1CCED
#B1CEEB
#B1CFE9
#B1D1E8
#B1D2E6
#B1D4E4
#B1D6E2
#B7C6ED
#B7C9EA
#B7CDE6
#B7D0E3
#B7D3E0
#B7D7DC
#B7DBD8
#BEBFED
#BEC4E8
#BEC9E3
#BECEDE
#BED3D9
#BED9D3
#BEDFCD
#C4B9ED
#C4C0E6
#C4C6E0
#C4CDD9
#C4D4D2
#C4DBCB
#C4E3C3
#CAB3ED
#CABBE5
#CAC4DC
#CACCD4
#CAD5CB
#CADDC3
#CAE8B8
#D2ABED
#D2B6E2
#D2C0D8
#D2CBCD
#D2D5C3
#D2E0B8
#D2EDAB
Colorpallet from #ABD2ED to #D2ABED and to #EDABD2
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#B1CCED
#B2CCEC
#B3CCEC
#B3CCEB
#B4CCEA
#B5CCEA
#B6CCE9
#B7C6ED
#B8C6EC
#BAC6EA
#BBC6E9
#BDC6E7
#BEC6E6
#C0C6E4
#BEBFED
#C0BFEB
#C2BFE9
#C4BFE7
#C6BFE5
#C8BFE3
#CBBFE0
#C4B9ED
#C7B9EA
#C9B9E8
#CCB9E5
#CFB9E2
#D2B9DF
#D5B9DC
#CAB3ED
#CEB3E9
#D1B3E6
#D5B3E2
#D8B3DF
#DCB3DB
#E0B3D7
#D2ABED
#D6ABE9
#DBABE4
#DFABE0
#E3ABDC
#E8ABD7
#EDABD2
Colorpallet from #ABD2ED to #D2ABED and to #EDD2AB
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#B1CCED
#B2CDEB
#B3CEE9
#B3CFE8
#B4D0E6
#B5D1E4
#B6D2E2
#B7C6ED
#B8C8EA
#BACAE6
#BBCCE3
#BDCEE0
#BED0DC
#C0D2D8
#BEBFED
#C0C2E8
#C2C5E3
#C4C8DE
#C6CBD9
#C8CED3
#CBD2CD
#C4B9ED
#C7BDE6
#C9C1E0
#CCC5D9
#CFC9D2
#D2CDCB
#D5D2C3
#CAB3ED
#CEB8E5
#D1BDDC
#D5C2D4
#D8C7CB
#DCCCC3
#E0D2B8
#D2ABED
#D6B1E2
#DBB7D8
#DFBECD
#E3C4C3
#E8CAB8
#EDD2AB
Colorpallet from #ABD2ED to #D2EDAB and to #EDABD2
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#B1D6E2
#B2D4E3
#B3D3E4
#B3D1E5
#B4D0E6
#B5CEE8
#B6CCE9
#B7DBD8
#B8D8DA
#BAD4DC
#BBD1DE
#BDCEE0
#BECAE2
#C0C6E4
#BEDFCD
#C0DAD0
#C2D5D3
#C4D0D6
#C6CBD9
#C8C5DC
#CBBFE0
#C4E3C3
#C7DCC7
#C9D6CB
#CCCFCF
#CFC8D3
#D2C1D7
#D5B9DC
#CAE8B8
#CEE0BD
#D1D7C2
#D5CFC7
#D8C6CC
#DCBED1
#E0B3D7
#D2EDAB
#D6E2B1
#DBD8B7
#DFCDBE
#E3C3C4
#E8B8CA
#EDABD2
Colorpallet from #ABD2ED to #D2EDAB and to #EDD2AB
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#B1D6E2
#B2D5E2
#B3D5E2
#B3D4E2
#B4D3E2
#B5D3E2
#B6D2E2
#B7DBD8
#B8DAD8
#BAD8D8
#BBD7D8
#BDD5D8
#BED4D8
#C0D2D8
#BEDFCD
#C0DDCD
#C2DBCD
#C4D9CD
#C6D7CD
#C8D5CD
#CBD2CD
#C4E3C3
#C7E0C3
#C9DEC3
#CCDBC3
#CFD8C3
#D2D5C3
#D5D2C3
#CAE8B8
#CEE4B8
#D1E1B8
#D5DDB8
#D8DAB8
#DCD6B8
#E0D2B8
#D2EDAB
#D6E9AB
#DBE4AB
#DFE0AB
#E3DCAB
#E8D7AB
#EDD2AB
Colorpallet from #ABD2ED to #EDABD2 and to #EDD2AB
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#ABD2ED
#B6CCE9
#B6CDE8
#B6CEE7
#B6CFE6
#B6D0E5
#B6D1E3
#B6D2E2
#C0C6E4
#C0C8E2
#C0CAE0
#C0CCDE
#C0CEDC
#C0D0DA
#C0D2D8
#CBBFE0
#CBC2DD
#CBC5DA
#CBC8D7
#CBCBD4
#CBCED1
#CBD2CD
#D5B9DC
#D5BDD8
#D5C1D4
#D5C5D0
#D5C9CC
#D5CDC8
#D5D2C3
#E0B3D7
#E0B8D2
#E0BDCD
#E0C2C8
#E0C7C3
#E0CCBE
#E0D2B8
#EDABD2
#EDB1CC
#EDB7C6
#EDBEBF
#EDC4B9
#EDCAB3
#EDD2AB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts