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 #A4D8E8 to #A4E8D8 and to #D8A4E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4DBE5
#A5D9E5
#A7D7E6
#A8D6E6
#A9D4E7
#AAD2E7
#ACD0E8
#A4DDE3
#A7D9E4
#A9D6E5
#ACD2E5
#AFCFE6
#B2CBE7
#B5C7E8
#A4E0E0
#A8DBE1
#ACD5E3
#B0D0E4
#B4CBE5
#B8C6E6
#BDBFE8
#A4E2DE
#A9DBE0
#AFD4E1
#B4CDE3
#B9C6E4
#BEC0E6
#C5B7E8
#A4E5DB
#ABDCDD
#B1D3DF
#B8CBE1
#BFC2E3
#C6B9E5
#CEAEE8
#A4E8D8
#ACDDDB
#B5D2DD
#BDC7E0
#C5BCE2
#CEB2E5
#D8A4E8
Colorpallet from #A4D8E8 to #A4E8D8 and to #D8E8A4
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4DBE5
#A5DBE4
#A7DBE2
#A8DBE1
#A9DBE0
#AADBDF
#ACDBDD
#A4DDE3
#A7DDE0
#A9DDDE
#ACDDDB
#AFDDD8
#B2DDD5
#B5DDD2
#A4E0E0
#A8E0DC
#ACE0D8
#B0E0D4
#B4E0D0
#B8E0CC
#BDE0C7
#A4E2DE
#A9E2D9
#AFE2D3
#B4E2CE
#B9E2C8
#BEE2C3
#C5E2BC
#A4E5DB
#ABE5D4
#B1E5CE
#B8E5C7
#BFE5C1
#C6E5BA
#CEE5B2
#A4E8D8
#ACE8D0
#B5E8C7
#BDE8BF
#C5E8B7
#CEE8AE
#D8E8A4
Colorpallet from #A4D8E8 to #A4E8D8 and to #E8A4D8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4DBE5
#A6D9E5
#A8D7E5
#A9D6E5
#ABD4E5
#ADD2E5
#AFD0E5
#A4DDE3
#A8D9E3
#ABD6E3
#AFD2E3
#B2CFE3
#B6CBE3
#BAC7E3
#A4E0E0
#A9DBE0
#AFD5E0
#B4D0E0
#B9CBE0
#BEC6E0
#C5BFE0
#A4E2DE
#ABDBDE
#B2D4DE
#B9CDDE
#C0C6DE
#C7C0DE
#D0B7DE
#A4E5DB
#ADDCDB
#B5D3DB
#BECBDB
#C7C2DB
#CFB9DB
#DAAEDB
#A4E8D8
#AFDDD8
#BAD2D8
#C5C7D8
#D0BCD8
#DAB2D8
#E8A4D8
Colorpallet from #A4D8E8 to #A4E8D8 and to #E8D8A4
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4DBE5
#A6DBE4
#A8DAE2
#A9DAE1
#ABD9E0
#ADD9DF
#AFD8DD
#A4DDE3
#A8DCE0
#ABDBDE
#AFDBDB
#B2DAD8
#B6D9D5
#BAD8D2
#A4E0E0
#A9DFDC
#AFDDD8
#B4DCD4
#B9DBD0
#BEDACC
#C5D8C7
#A4E2DE
#ABE0D9
#B2DFD3
#B9DDCE
#C0DCC8
#C7DAC3
#D0D8BC
#A4E5DB
#ADE3D4
#B5E1CE
#BEDFC7
#C7DDC1
#CFDBBA
#DAD8B2
#A4E8D8
#AFE5D0
#BAE3C7
#C5E0BF
#D0DEB7
#DADBAE
#E8D8A4
Colorpallet from #A4D8E8 to #D8A4E8 and to #D8E8A4
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#ACD0E8
#ACD2E6
#ACD4E4
#ACD5E3
#ACD7E1
#ACD9DF
#ACDBDD
#B5C7E8
#B5CBE4
#B5CEE1
#B5D2DD
#B5D5DA
#B5D9D6
#B5DDD2
#BDBFE8
#BDC4E3
#BDCADD
#BDCFD8
#BDD4D3
#BDD9CE
#BDE0C7
#C5B7E8
#C5BEE1
#C5C5DA
#C5CCD3
#C5D3CC
#C5D9C5
#C5E2BC
#CEAEE8
#CEB7DF
#CEC0D7
#CEC8CE
#CED1C5
#CEDABD
#CEE5B2
#D8A4E8
#D8AFDD
#D8BAD2
#D8C5C7
#D8D0BC
#D8DAB2
#D8E8A4
Colorpallet from #A4D8E8 to #D8A4E8 and to #E8A4D8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#ACD0E8
#ACD0E8
#ADD0E7
#ADD0E7
#AED0E6
#AED0E6
#AFD0E5
#B5C7E8
#B6C7E7
#B7C7E6
#B7C7E6
#B8C7E5
#B9C7E4
#BAC7E3
#BDBFE8
#BEBFE7
#C0BFE5
#C1BFE4
#C2BFE3
#C3BFE2
#C5BFE0
#C5B7E8
#C7B7E6
#C9B7E5
#CAB7E3
#CCB7E2
#CEB7E0
#D0B7DE
#CEAEE8
#D0AEE6
#D2AEE4
#D4AEE2
#D6AEE0
#D8AEDE
#DAAEDB
#D8A4E8
#DBA4E5
#DDA4E3
#E0A4E0
#E2A4DE
#E5A4DB
#E8A4D8
Colorpallet from #A4D8E8 to #D8A4E8 and to #E8D8A4
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#ACD0E8
#ACD1E6
#ADD3E4
#ADD4E3
#AED5E1
#AED6DF
#AFD8DD
#B5C7E8
#B6CAE4
#B7CCE1
#B7CFDD
#B8D2DA
#B9D5D6
#BAD8D2
#BDBFE8
#BEC3E3
#C0C7DD
#C1CBD8
#C2CFD3
#C3D3CE
#C5D8C7
#C5B7E8
#C7BCE1
#C9C2DA
#CAC7D3
#CCCCCC
#CED1C5
#D0D8BC
#CEAEE8
#D0B5DF
#D2BBD7
#D4C2CE
#D6C9C5
#D8D0BD
#DAD8B2
#D8A4E8
#DBACDD
#DDB5D2
#E0BDC7
#E2C5BC
#E5CEB2
#E8D8A4
Colorpallet from #A4D8E8 to #D8E8A4 and to #E8A4D8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#ACDBDD
#ACD9DE
#ADD7E0
#ADD6E1
#AED4E2
#AED2E3
#AFD0E5
#B5DDD2
#B6D9D5
#B7D6D7
#B7D2DA
#B8CFDD
#B9CBE0
#BAC7E3
#BDE0C7
#BEDBCB
#C0D5CF
#C1D0D3
#C2CBD7
#C3C6DB
#C5BFE0
#C5E2BC
#C7DBC1
#C9D4C7
#CACDCC
#CCC6D2
#CEC0D7
#D0B7DE
#CEE5B2
#D0DCB9
#D2D3BF
#D4CBC6
#D6C2CC
#D8B9D3
#DAAEDB
#D8E8A4
#DBDDAC
#DDD2B5
#E0C7BD
#E2BCC5
#E5B2CE
#E8A4D8
Colorpallet from #A4D8E8 to #D8E8A4 and to #E8D8A4
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#ACDBDD
#ACDBDD
#ADDADD
#ADDADD
#AED9DD
#AED9DD
#AFD8DD
#B5DDD2
#B6DCD2
#B7DBD2
#B7DBD2
#B8DAD2
#B9D9D2
#BAD8D2
#BDE0C7
#BEDFC7
#C0DDC7
#C1DCC7
#C2DBC7
#C3DAC7
#C5D8C7
#C5E2BC
#C7E0BC
#C9DFBC
#CADDBC
#CCDCBC
#CEDABC
#D0D8BC
#CEE5B2
#D0E3B2
#D2E1B2
#D4DFB2
#D6DDB2
#D8DBB2
#DAD8B2
#D8E8A4
#DBE5A4
#DDE3A4
#E0E0A4
#E2DEA4
#E5DBA4
#E8D8A4
Colorpallet from #A4D8E8 to #E8A4D8 and to #E8D8A4
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#A4D8E8
#AFD0E5
#AFD1E4
#AFD3E2
#AFD4E1
#AFD5E0
#AFD6DF
#AFD8DD
#BAC7E3
#BACAE0
#BACCDE
#BACFDB
#BAD2D8
#BAD5D5
#BAD8D2
#C5BFE0
#C5C3DC
#C5C7D8
#C5CBD4
#C5CFD0
#C5D3CC
#C5D8C7
#D0B7DE
#D0BCD9
#D0C2D3
#D0C7CE
#D0CCC8
#D0D1C3
#D0D8BC
#DAAEDB
#DAB5D4
#DABBCE
#DAC2C7
#DAC9C1
#DAD0BA
#DAD8B2
#E8A4D8
#E8ACD0
#E8B5C7
#E8BDBF
#E8C5B7
#E8CEAE
#E8D8A4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
