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 #ABCEEC to #ABECCE and to #CEABEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABD3E7
#ACD1E8
#ADCFE9
#AECEE9
#AFCCEA
#B0CAEB
#B1C8EC
#ABD8E2
#ADD5E4
#AFD1E5
#B0CEE7
#B2CBE8
#B4C7EA
#B6C3EC
#ABDCDE
#AED7E0
#B0D2E2
#B3CDE5
#B6C8E7
#B9C3E9
#BCBDEC
#ABE1D9
#AFDADC
#B2D4DF
#B6CDE2
#B9C7E5
#BDC0E8
#C1B8EC
#ABE6D4
#AFDED8
#B4D5DC
#B8CDE0
#BDC5E3
#C1BCE7
#C7B2EC
#ABECCE
#B1E2D3
#B6D7D8
#BCCDDC
#C1C2E1
#C7B8E6
#CEABEC
Colorpallet from #ABCEEC to #ABECCE and to #CEECAB
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABD3E7
#ACD3E6
#ADD3E5
#AED3E5
#AFD3E4
#B0D3E3
#B1D3E2
#ABD8E2
#ADD8E0
#AFD8DE
#B0D8DD
#B2D8DB
#B4D8D9
#B6D8D7
#ABDCDE
#AEDCDB
#B0DCD9
#B3DCD6
#B6DCD3
#B9DCD0
#BCDCCD
#ABE1D9
#AFE1D5
#B2E1D2
#B6E1CE
#B9E1CA
#BDE1C7
#C1E1C2
#ABE6D4
#AFE6D0
#B4E6CB
#B8E6C7
#BDE6C2
#C1E6BE
#C7E6B8
#ABECCE
#B1ECC8
#B6ECC3
#BCECBD
#C1ECB8
#C7ECB2
#CEECAB
Colorpallet from #ABCEEC to #ABECCE and to #ECABCE
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABD3E7
#ADD1E7
#AECFE7
#B0CEE7
#B1CCE7
#B3CAE7
#B5C8E7
#ABD8E2
#AED5E2
#B2D1E2
#B5CEE2
#B8CBE2
#BCC7E2
#C0C3E2
#ABDCDE
#B0D7DE
#B5D2DE
#BACDDE
#BFC8DE
#C4C3DE
#CABDDE
#ABE1D9
#B2DAD9
#B8D4D9
#BFCDD9
#C6C7D9
#CDC0D9
#D5B8D9
#ABE6D4
#B3DED4
#BCD5D4
#C4CDD4
#CCC5D4
#D5BCD4
#DFB2D4
#ABECCE
#B5E2CE
#C0D7CE
#CACDCE
#D5C2CE
#DFB8CE
#ECABCE
Colorpallet from #ABCEEC to #ABECCE and to #ECCEAB
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABD3E7
#ADD2E6
#AED1E5
#B0D1E5
#B1D0E4
#B3CFE3
#B5CEE2
#ABD8E2
#AED6E0
#B2D5DE
#B5D3DD
#B8D2DB
#BCD0D9
#C0CED7
#ABDCDE
#B0DADB
#B5D8D9
#BAD5D6
#BFD3D3
#C4D1D0
#CACECD
#ABE1D9
#B2DED5
#B8DBD2
#BFD8CE
#C6D5CA
#CDD2C7
#D5CEC2
#ABE6D4
#B3E2D0
#BCDECB
#C4DAC7
#CCD7C2
#D5D3BE
#DFCEB8
#ABECCE
#B5E7C8
#C0E2C3
#CADEBD
#D5D9B8
#DFD4B2
#ECCEAB
Colorpallet from #ABCEEC to #CEABEC and to #CEECAB
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#B1C8EC
#B1CAEA
#B1CCE9
#B1CDE7
#B1CFE6
#B1D1E4
#B1D3E2
#B6C3EC
#B6C6E9
#B6CAE5
#B6CDE2
#B6D0DF
#B6D4DB
#B6D8D7
#BCBDEC
#BCC2E7
#BCC7E2
#BCCCDD
#BCD1D8
#BCD6D3
#BCDCCD
#C1B8EC
#C1BFE5
#C1C5DF
#C1CCD8
#C1D2D1
#C1D9CA
#C1E1C2
#C7B2EC
#C7BAE4
#C7C3DB
#C7CBD3
#C7D3CB
#C7DCC2
#C7E6B8
#CEABEC
#CEB5E2
#CEC0D7
#CECACD
#CED5C2
#CEDFB8
#CEECAB
Colorpallet from #ABCEEC to #CEABEC and to #ECABCE
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#B1C8EC
#B2C8EB
#B2C8EA
#B3C8EA
#B4C8E9
#B4C8E8
#B5C8E7
#B6C3EC
#B8C3EA
#B9C3E9
#BBC3E7
#BCC3E6
#BEC3E4
#C0C3E2
#BCBDEC
#BEBDEA
#C0BDE8
#C3BDE5
#C5BDE3
#C7BDE1
#CABDDE
#C1B8EC
#C4B8E9
#C7B8E6
#CBB8E3
#CEB8E0
#D1B8DD
#D5B8D9
#C7B2EC
#CBB2E8
#CFB2E4
#D3B2E0
#D6B2DD
#DAB2D9
#DFB2D4
#CEABEC
#D3ABE7
#D8ABE2
#DCABDE
#E1ABD9
#E6ABD4
#ECABCE
Colorpallet from #ABCEEC to #CEABEC and to #ECCEAB
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#B1C8EC
#B2C9EA
#B2CAE9
#B3CBE7
#B4CCE6
#B4CDE4
#B5CEE2
#B6C3EC
#B8C5E9
#B9C7E5
#BBC8E2
#BCCADF
#BECCDB
#C0CED7
#BCBDEC
#BEC0E7
#C0C2E2
#C3C5DD
#C5C8D8
#C7CBD3
#CACECD
#C1B8EC
#C4BCE5
#C7BFDF
#CBC3D8
#CEC6D1
#D1CACA
#D5CEC2
#C7B2EC
#CBB6E4
#CFBBDB
#D3BFD3
#D6C4CB
#DAC8C2
#DFCEB8
#CEABEC
#D3B1E2
#D8B6D7
#DCBCCD
#E1C1C2
#E6C7B8
#ECCEAB
Colorpallet from #ABCEEC to #CEECAB and to #ECABCE
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#B1D3E2
#B2D1E3
#B2CFE4
#B3CEE4
#B4CCE5
#B4CAE6
#B5C8E7
#B6D8D7
#B8D5D9
#B9D1DB
#BBCEDC
#BCCBDE
#BEC7E0
#C0C3E2
#BCDCCD
#BED7D0
#C0D2D2
#C3CDD5
#C5C8D8
#C7C3DB
#CABDDE
#C1E1C2
#C4DAC6
#C7D4C9
#CBCDCD
#CEC7D1
#D1C0D4
#D5B8D9
#C7E6B8
#CBDEBC
#CFD5C1
#D3CDC5
#D6C5CA
#DABCCE
#DFB2D4
#CEECAB
#D3E2B1
#D8D7B6
#DCCDBC
#E1C2C1
#E6B8C7
#ECABCE
Colorpallet from #ABCEEC to #CEECAB and to #ECCEAB
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#B1D3E2
#B2D2E2
#B2D1E2
#B3D1E2
#B4D0E2
#B4CFE2
#B5CEE2
#B6D8D7
#B8D6D7
#B9D5D7
#BBD3D7
#BCD2D7
#BED0D7
#C0CED7
#BCDCCD
#BEDACD
#C0D8CD
#C3D5CD
#C5D3CD
#C7D1CD
#CACECD
#C1E1C2
#C4DEC2
#C7DBC2
#CBD8C2
#CED5C2
#D1D2C2
#D5CEC2
#C7E6B8
#CBE2B8
#CFDEB8
#D3DAB8
#D6D7B8
#DAD3B8
#DFCEB8
#CEECAB
#D3E7AB
#D8E2AB
#DCDEAB
#E1D9AB
#E6D4AB
#ECCEAB
Colorpallet from #ABCEEC to #ECABCE and to #ECCEAB
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#ABCEEC
#B5C8E7
#B5C9E6
#B5CAE5
#B5CBE5
#B5CCE4
#B5CDE3
#B5CEE2
#C0C3E2
#C0C5E0
#C0C7DE
#C0C8DD
#C0CADB
#C0CCD9
#C0CED7
#CABDDE
#CAC0DB
#CAC2D9
#CAC5D6
#CAC8D3
#CACBD0
#CACECD
#D5B8D9
#D5BCD5
#D5BFD2
#D5C3CE
#D5C6CA
#D5CAC7
#D5CEC2
#DFB2D4
#DFB6D0
#DFBBCB
#DFBFC7
#DFC4C2
#DFC8BE
#DFCEB8
#ECABCE
#ECB1C8
#ECB6C3
#ECBCBD
#ECC1B8
#ECC7B2
#ECCEAB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts