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 #A1C2E3 to #A1E3C2 and to #C2A1E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C7DE
#A2C5DF
#A3C4E0
#A3C2E0
#A4C1E1
#A5BFE2
#A6BDE3
#A1CDD8
#A3C9DA
#A5C6DC
#A6C2DD
#A8BFDF
#AABBE1
#ACB7E3
#A1D2D3
#A4CDD6
#A6C8D8
#A9C3DB
#ABBEDD
#AEB8E0
#B1B2E3
#A1D7CE
#A4D0D1
#A8CAD5
#ABC3D8
#AEBCDB
#B2B5DF
#B6ADE3
#A1DCC9
#A5D4CD
#A9CBD1
#ADC3D5
#B2BBDA
#B6B2DE
#BBA8E3
#A1E3C2
#A6D8C7
#ACCECD
#B1C3D2
#B6B9D7
#BBAEDC
#C2A1E3
Colorpallet from #A1C2E3 to #A1E3C2 and to #C2E3A1
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C7DE
#A2C7DD
#A3C7DC
#A3C7DB
#A4C7DA
#A5C7D9
#A6C7D8
#A1CDD8
#A3CDD6
#A5CDD5
#A6CDD3
#A8CDD2
#AACDD0
#ACCDCE
#A1D2D3
#A4D2D0
#A6D2CE
#A9D2CB
#ABD2C9
#AED2C6
#B1D2C3
#A1D7CE
#A4D7CB
#A8D7C7
#ABD7C4
#AED7C1
#B2D7BD
#B6D7B9
#A1DCC9
#A5DCC5
#A9DCC0
#ADDCBC
#B2DCB8
#B6DCB3
#BBDCAE
#A1E3C2
#A6E3BD
#ACE3B7
#B1E3B2
#B6E3AD
#BBE3A8
#C2E3A1
Colorpallet from #A1C2E3 to #A1E3C2 and to #E3A1C2
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C7DE
#A3C5DE
#A5C4DE
#A6C2DE
#A8C1DE
#AABFDE
#ACBDDE
#A1CDD8
#A4C9D8
#A8C6D8
#ABC2D8
#AEBFD8
#B2BBD8
#B6B7D8
#A1D2D3
#A6CDD3
#ABC8D3
#B0C3D3
#B5BED3
#BBB8D3
#C1B2D3
#A1D7CE
#A8D0CE
#AECACE
#B5C3CE
#BCBCCE
#C3B5CE
#CBADCE
#A1DCC9
#A9D4C9
#B2CBC9
#BAC3C9
#C3BBC9
#CBB2C9
#D6A8C9
#A1E3C2
#ACD8C2
#B6CEC2
#C1C3C2
#CBB9C2
#D6AEC2
#E3A1C2
Colorpallet from #A1C2E3 to #A1E3C2 and to #E3C2A1
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C7DE
#A3C6DD
#A5C5DC
#A6C5DB
#A8C4DA
#AAC3D9
#ACC2D8
#A1CDD8
#A4CBD6
#A8C9D5
#ABC8D3
#AEC6D2
#B2C4D0
#B6C2CE
#A1D2D3
#A6CFD0
#ABCDCE
#B0CACB
#B5C8C9
#BBC5C6
#C1C2C3
#A1D7CE
#A8D4CB
#AED0C7
#B5CDC4
#BCCAC1
#C3C6BD
#CBC2B9
#A1DCC9
#A9D8C5
#B2D4C0
#BAD0BC
#C3CBB8
#CBC7B3
#D6C2AE
#A1E3C2
#ACDEBD
#B6D8B7
#C1D3B2
#CBCEAD
#D6C9A8
#E3C2A1
Colorpallet from #A1C2E3 to #C2A1E3 and to #C2E3A1
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A6BDE3
#A6BFE1
#A6C0DF
#A6C2DE
#A6C3DC
#A6C5DA
#A6C7D8
#ACB7E3
#ACBBE0
#ACBEDC
#ACC2D9
#ACC5D6
#ACC9D2
#ACCDCE
#B1B2E3
#B1B7DE
#B1BCD9
#B1C1D4
#B1C6CF
#B1CCC9
#B1D2C3
#B6ADE3
#B6B4DC
#B6BAD6
#B6C1CF
#B6C8C8
#B6CFC1
#B6D7B9
#BBA8E3
#BBB0DB
#BBB9D2
#BBC1CA
#BBC9C1
#BBD2B9
#BBDCAE
#C2A1E3
#C2ACD8
#C2B6CE
#C2C1C3
#C2CBB9
#C2D6AE
#C2E3A1
Colorpallet from #A1C2E3 to #C2A1E3 and to #E3A1C2
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A6BDE3
#A7BDE2
#A8BDE1
#A9BDE1
#AABDE0
#ABBDDF
#ACBDDE
#ACB7E3
#AEB7E1
#AFB7DF
#B1B7DE
#B2B7DC
#B4B7DA
#B6B7D8
#B1B2E3
#B4B2E0
#B6B2DE
#B9B2DB
#BBB2D9
#BEB2D6
#C1B2D3
#B6ADE3
#B9ADE0
#BDADDC
#C0ADD9
#C3ADD6
#C7ADD2
#CBADCE
#BBA8E3
#BFA8DF
#C4A8DB
#C8A8D7
#CCA8D2
#D1A8CE
#D6A8C9
#C2A1E3
#C7A1DE
#CDA1D8
#D2A1D3
#D7A1CE
#DCA1C9
#E3A1C2
Colorpallet from #A1C2E3 to #C2A1E3 and to #E3C2A1
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A6BDE3
#A7BEE1
#A8BFDF
#A9BFDE
#AAC0DC
#ABC1DA
#ACC2D8
#ACB7E3
#AEB9E0
#AFBBDC
#B1BCD9
#B2BED6
#B4C0D2
#B6C2CE
#B1B2E3
#B4B5DE
#B6B7D9
#B9BAD4
#BBBCCF
#BEBFC9
#C1C2C3
#B6ADE3
#B9B0DC
#BDB4D6
#C0B7CF
#C3BAC8
#C7BEC1
#CBC2B9
#BBA8E3
#BFACDB
#C4B0D2
#C8B4CA
#CCB9C1
#D1BDB9
#D6C2AE
#C2A1E3
#C7A6D8
#CDACCE
#D2B1C3
#D7B6B9
#DCBBAE
#E3C2A1
Colorpallet from #A1C2E3 to #C2E3A1 and to #E3A1C2
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A6C7D8
#A7C5D9
#A8C4DA
#A9C2DB
#AAC1DC
#ABBFDD
#ACBDDE
#ACCDCE
#AEC9D0
#AFC6D1
#B1C2D3
#B2BFD4
#B4BBD6
#B6B7D8
#B1D2C3
#B4CDC6
#B6C8C8
#B9C3CB
#BBBECD
#BEB8D0
#C1B2D3
#B6D7B9
#B9D0BC
#BDCAC0
#C0C3C3
#C3BCC6
#C7B5CA
#CBADCE
#BBDCAE
#BFD4B2
#C4CBB7
#C8C3BB
#CCBBBF
#D1B2C4
#D6A8C9
#C2E3A1
#C7D8A6
#CDCEAC
#D2C3B1
#D7B9B6
#DCAEBB
#E3A1C2
Colorpallet from #A1C2E3 to #C2E3A1 and to #E3C2A1
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A6C7D8
#A7C6D8
#A8C5D8
#A9C5D8
#AAC4D8
#ABC3D8
#ACC2D8
#ACCDCE
#AECBCE
#AFC9CE
#B1C8CE
#B2C6CE
#B4C4CE
#B6C2CE
#B1D2C3
#B4CFC3
#B6CDC3
#B9CAC3
#BBC8C3
#BEC5C3
#C1C2C3
#B6D7B9
#B9D4B9
#BDD0B9
#C0CDB9
#C3CAB9
#C7C6B9
#CBC2B9
#BBDCAE
#BFD8AE
#C4D4AE
#C8D0AE
#CCCBAE
#D1C7AE
#D6C2AE
#C2E3A1
#C7DEA1
#CDD8A1
#D2D3A1
#D7CEA1
#DCC9A1
#E3C2A1
Colorpallet from #A1C2E3 to #E3A1C2 and to #E3C2A1
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#A1C2E3
#ACBDDE
#ACBEDD
#ACBFDC
#ACBFDB
#ACC0DA
#ACC1D9
#ACC2D8
#B6B7D8
#B6B9D6
#B6BBD5
#B6BCD3
#B6BED2
#B6C0D0
#B6C2CE
#C1B2D3
#C1B5D0
#C1B7CE
#C1BACB
#C1BCC9
#C1BFC6
#C1C2C3
#CBADCE
#CBB0CB
#CBB4C7
#CBB7C4
#CBBAC1
#CBBEBD
#CBC2B9
#D6A8C9
#D6ACC5
#D6B0C0
#D6B4BC
#D6B9B8
#D6BDB3
#D6C2AE
#E3A1C2
#E3A6BD
#E3ACB7
#E3B1B2
#E3B6AD
#E3BBA8
#E3C2A1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts