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 #A4CAEC to #A4ECCA and to #CAA4EC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CFE7
#A5CDE8
#A6CBE9
#A7CAE9
#A8C8EA
#A9C6EB
#AAC4EC
#A4D5E1
#A6D1E3
#A8CEE5
#AACAE6
#ACC6E8
#AEC3EA
#B0BEEC
#A4DADC
#A7D5DF
#AACFE1
#ADCAE4
#B0C4E6
#B2BFE9
#B6B8EC
#A4E0D6
#A8D9DA
#ACD1DD
#B0CAE1
#B3C3E4
#B7BBE8
#BCB2EC
#A4E5D1
#A9DCD5
#AED3DA
#B2CADE
#B7C1E2
#BCB7E7
#C2ACEC
#A4ECCA
#AAE0CF
#B0D5D5
#B6C9DA
#BCBEE0
#C2B2E5
#CAA4EC
Colorpallet from #A4CAEC to #A4ECCA and to #CAECA4
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CFE7
#A5CFE6
#A6CFE5
#A7CFE4
#A8CFE3
#A9CFE1
#AACFE0
#A4D5E1
#A6D5DF
#A8D5DD
#AAD5DB
#ACD5D9
#AED5D7
#B0D5D5
#A4DADC
#A7DAD9
#AADAD6
#ADDAD3
#B0DAD0
#B2DACD
#B6DAC9
#A4E0D6
#A8E0D2
#ACE0CE
#B0E0CA
#B3E0C7
#B7E0C3
#BCE0BE
#A4E5D1
#A9E5CC
#AEE5C7
#B2E5C2
#B7E5BD
#BCE5B8
#C2E5B2
#A4ECCA
#AAECC4
#B0ECBE
#B6ECB8
#BCECB2
#C2ECAC
#CAECA4
Colorpallet from #A4CAEC to #A4ECCA and to #ECA4CA
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CFE7
#A6CDE7
#A8CBE7
#AACAE7
#ACC8E7
#AEC6E7
#B0C4E7
#A4D5E1
#A8D1E1
#ABCEE1
#AFCAE1
#B3C6E1
#B6C3E1
#BBBEE1
#A4DADC
#AAD5DC
#AFCFDC
#B5CADC
#BAC4DC
#C0BFDC
#C7B8DC
#A4E0D6
#ABD9D6
#B3D1D6
#BACAD6
#C1C3D6
#C9BBD6
#D2B2D6
#A4E5D1
#ADDCD1
#B7D3D1
#C0CAD1
#C9C1D1
#D2B7D1
#DEACD1
#A4ECCA
#B0E0CA
#BBD5CA
#C7C9CA
#D2BECA
#DEB2CA
#ECA4CA
Colorpallet from #A4CAEC to #A4ECCA and to #ECCAA4
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CFE7
#A6CEE6
#A8CDE5
#AACDE4
#ACCCE3
#AECBE1
#B0CAE0
#A4D5E1
#A8D3DF
#ABD1DD
#AFD0DB
#B3CED9
#B6CCD7
#BBCAD5
#A4DADC
#AAD7D9
#AFD5D6
#B5D2D3
#BAD0D0
#C0CDCD
#C7CAC9
#A4E0D6
#ABDCD2
#B3D9CE
#BAD5CA
#C1D2C7
#C9CEC3
#D2CABE
#A4E5D1
#ADE1CC
#B7DCC7
#C0D8C2
#C9D4BD
#D2CFB8
#DECAB2
#A4ECCA
#B0E7C4
#BBE1BE
#C7DCB8
#D2D6B2
#DED1AC
#ECCAA4
Colorpallet from #A4CAEC to #CAA4EC and to #CAECA4
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#AAC4EC
#AAC6EA
#AAC8E8
#AAC9E6
#AACBE4
#AACDE2
#AACFE0
#B0BEEC
#B0C2E8
#B0C5E5
#B0C9E1
#B0CDDD
#B0D0DA
#B0D5D5
#B6B8EC
#B6BDE6
#B6C3E1
#B6C8DB
#B6CED6
#B6D3D0
#B6DAC9
#BCB2EC
#BCB9E5
#BCC1DD
#BCC8D6
#BCCFCF
#BCD7C7
#BCE0BE
#C2ACEC
#C2B5E3
#C2BED9
#C2C7D0
#C2D0C7
#C2DABE
#C2E5B2
#CAA4EC
#CAB0E0
#CABBD5
#CAC7C9
#CAD2BE
#CADEB2
#CAECA4
Colorpallet from #A4CAEC to #CAA4EC and to #ECA4CA
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#AAC4EC
#ABC4EB
#ACC4EA
#ADC4EA
#AEC4E9
#AFC4E8
#B0C4E7
#B0BEEC
#B2BEEA
#B4BEE8
#B5BEE7
#B7BEE5
#B9BEE3
#BBBEE1
#B6B8EC
#B9B8E9
#BBB8E7
#BEB8E4
#C1B8E2
#C4B8DF
#C7B8DC
#BCB2EC
#C0B2E8
#C3B2E5
#C7B2E1
#CAB2DE
#CEB2DA
#D2B2D6
#C2ACEC
#C6ACE8
#CBACE3
#CFACDF
#D4ACDB
#D8ACD6
#DEACD1
#CAA4EC
#CFA4E7
#D5A4E1
#DAA4DC
#E0A4D6
#E5A4D1
#ECA4CA
Colorpallet from #A4CAEC to #CAA4EC and to #ECCAA4
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#AAC4EC
#ABC5EA
#ACC6E8
#ADC7E6
#AEC8E4
#AFC9E2
#B0CAE0
#B0BEEC
#B2C0E8
#B4C2E5
#B5C4E1
#B7C6DD
#B9C8DA
#BBCAD5
#B6B8EC
#B9BBE6
#BBBEE1
#BEC1DB
#C1C4D6
#C4C6D0
#C7CAC9
#BCB2EC
#C0B6E5
#C3BADD
#C7BED6
#CAC1CF
#CEC5C7
#D2CABE
#C2ACEC
#C6B1E3
#CBB6D9
#CFBAD0
#D4BFC7
#D8C4BE
#DECAB2
#CAA4EC
#CFAAE0
#D5B0D5
#DAB6C9
#E0BCBE
#E5C2B2
#ECCAA4
Colorpallet from #A4CAEC to #CAECA4 and to #ECA4CA
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#AACFE0
#ABCDE1
#ACCBE2
#ADCAE3
#AEC8E4
#AFC6E6
#B0C4E7
#B0D5D5
#B2D1D7
#B4CED9
#B5CADB
#B7C6DD
#B9C3DF
#BBBEE1
#B6DAC9
#B9D5CC
#BBCFCF
#BECAD2
#C1C4D5
#C4BFD8
#C7B8DC
#BCE0BE
#C0D9C2
#C3D1C6
#C7CACA
#CAC3CD
#CEBBD1
#D2B2D6
#C2E5B2
#C6DCB7
#CBD3BC
#CFCAC1
#D4C1C6
#D8B7CB
#DEACD1
#CAECA4
#CFE0AA
#D5D5B0
#DAC9B6
#E0BEBC
#E5B2C2
#ECA4CA
Colorpallet from #A4CAEC to #CAECA4 and to #ECCAA4
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#AACFE0
#ABCEE0
#ACCDE0
#ADCDE0
#AECCE0
#AFCBE0
#B0CAE0
#B0D5D5
#B2D3D5
#B4D1D5
#B5D0D5
#B7CED5
#B9CCD5
#BBCAD5
#B6DAC9
#B9D7C9
#BBD5C9
#BED2C9
#C1D0C9
#C4CDC9
#C7CAC9
#BCE0BE
#C0DCBE
#C3D9BE
#C7D5BE
#CAD2BE
#CECEBE
#D2CABE
#C2E5B2
#C6E1B2
#CBDCB2
#CFD8B2
#D4D4B2
#D8CFB2
#DECAB2
#CAECA4
#CFE7A4
#D5E1A4
#DADCA4
#E0D6A4
#E5D1A4
#ECCAA4
Colorpallet from #A4CAEC to #ECA4CA and to #ECCAA4
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#A4CAEC
#B0C4E7
#B0C5E6
#B0C6E5
#B0C7E4
#B0C8E3
#B0C9E1
#B0CAE0
#BBBEE1
#BBC0DF
#BBC2DD
#BBC4DB
#BBC6D9
#BBC8D7
#BBCAD5
#C7B8DC
#C7BBD9
#C7BED6
#C7C1D3
#C7C4D0
#C7C6CD
#C7CAC9
#D2B2D6
#D2B6D2
#D2BACE
#D2BECA
#D2C1C7
#D2C5C3
#D2CABE
#DEACD1
#DEB1CC
#DEB6C7
#DEBAC2
#DEBFBD
#DEC4B8
#DECAB2
#ECA4CA
#ECAAC4
#ECB0BE
#ECB6B8
#ECBCB2
#ECC2AC
#ECCAA4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts