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 #A7C2D9 to #A7D9C2 and to #C2A7D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C6D5
#A8C5D6
#A8C3D6
#A9C2D7
#AAC1D8
#AAC0D8
#ABBED9
#A7C9D2
#A8C6D3
#AAC4D4
#ABC1D5
#ADBFD6
#AEBCD8
#B0B9D9
#A7CDCE
#A9C9D0
#ABC5D2
#ADC1D3
#AFBED5
#B1BAD7
#B4B5D9
#A7D1CA
#AACCCC
#ACC7CF
#AFC2D1
#B2BDD4
#B5B7D6
#B8B1D9
#A7D4C7
#ABCECA
#AEC7CD
#B2C1D0
#B5BAD3
#B9B4D5
#BDACD9
#A7D9C2
#ABD1C6
#B0C9C9
#B4C1CD
#B8B9D1
#BDB1D4
#C2A7D9
Colorpallet from #A7C2D9 to #A7D9C2 and to #C2D9A7
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C6D5
#A8C6D4
#A8C6D4
#A9C6D3
#AAC6D2
#AAC6D2
#ABC6D1
#A7C9D2
#A8C9D1
#AAC9CF
#ABC9CE
#ADC9CC
#AEC9CB
#B0C9C9
#A7CDCE
#A9CDCC
#ABCDCA
#ADCDC8
#AFCDC6
#B1CDC4
#B4CDC1
#A7D1CA
#AAD1C7
#ACD1C5
#AFD1C2
#B2D1BF
#B5D1BC
#B8D1B9
#A7D4C7
#ABD4C3
#AED4C0
#B2D4BC
#B5D4B9
#B9D4B5
#BDD4B1
#A7D9C2
#ABD9BE
#B0D9B9
#B4D9B5
#B8D9B1
#BDD9AC
#C2D9A7
Colorpallet from #A7C2D9 to #A7D9C2 and to #D9A7C2
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C6D5
#A8C5D5
#AAC3D5
#ABC2D5
#ACC1D5
#ADC0D5
#AFBED5
#A7C9D2
#AAC6D2
#ACC4D2
#AFC1D2
#B1BFD2
#B4BCD2
#B7B9D2
#A7CDCE
#ABC9CE
#AFC5CE
#B3C1CE
#B6BECE
#BABACE
#BFB5CE
#A7D1CA
#ACCCCA
#B1C7CA
#B6C2CA
#BBBDCA
#C1B7CA
#C7B1CA
#A7D4C7
#ADCEC7
#B4C7C7
#BAC1C7
#C1BAC7
#C7B4C7
#CFACC7
#A7D9C2
#AFD1C2
#B7C9C2
#BFC1C2
#C7B9C2
#CFB1C2
#D9A7C2
Colorpallet from #A7C2D9 to #A7D9C2 and to #D9C2A7
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C6D5
#A8C5D4
#AAC5D4
#ABC4D3
#ACC3D2
#ADC3D2
#AFC2D1
#A7C9D2
#AAC8D1
#ACC7CF
#AFC6CE
#B1C5CC
#B4C3CB
#B7C2C9
#A7CDCE
#ABCBCC
#AFC9CA
#B3C8C8
#B6C6C6
#BAC4C4
#BFC2C1
#A7D1CA
#ACCFC7
#B1CCC5
#B6CAC2
#BBC7BF
#C1C5BC
#C7C2B9
#A7D4C7
#ADD1C3
#B4CEC0
#BACBBC
#C1C8B9
#C7C6B5
#CFC2B1
#A7D9C2
#AFD5BE
#B7D2B9
#BFCEB5
#C7CAB1
#CFC7AC
#D9C2A7
Colorpallet from #A7C2D9 to #C2A7D9 and to #C2D9A7
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#ABBED9
#ABBFD8
#ABC1D6
#ABC2D5
#ABC3D4
#ABC4D3
#ABC6D1
#B0B9D9
#B0BCD6
#B0BED4
#B0C1D1
#B0C3CF
#B0C6CC
#B0C9C9
#B4B5D9
#B4B9D5
#B4BDD1
#B4C1CD
#B4C4CA
#B4C8C6
#B4CDC1
#B8B1D9
#B8B6D4
#B8BBCF
#B8C0CA
#B8C5C5
#B8CBBF
#B8D1B9
#BDACD9
#BDB2D3
#BDB9CC
#BDBFC6
#BDC6BF
#BDCCB9
#BDD4B1
#C2A7D9
#C2AFD1
#C2B7C9
#C2BFC1
#C2C7B9
#C2CFB1
#C2D9A7
Colorpallet from #A7C2D9 to #C2A7D9 and to #D9A7C2
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#ABBED9
#ACBED8
#ACBED8
#ADBED7
#AEBED6
#AEBED6
#AFBED5
#B0B9D9
#B1B9D8
#B2B9D7
#B3B9D6
#B4B9D5
#B6B9D3
#B7B9D2
#B4B5D9
#B6B5D7
#B8B5D5
#B9B5D4
#BBB5D2
#BDB5D0
#BFB5CE
#B8B1D9
#BAB1D7
#BDB1D4
#BFB1D2
#C2B1CF
#C4B1CD
#C7B1CA
#BDACD9
#C0ACD6
#C3ACD3
#C6ACD0
#C9ACCD
#CBACCB
#CFACC7
#C2A7D9
#C6A7D5
#C9A7D2
#CDA7CE
#D1A7CA
#D4A7C7
#D9A7C2
Colorpallet from #A7C2D9 to #C2A7D9 and to #D9C2A7
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#ABBED9
#ACBFD8
#ACBFD6
#ADC0D5
#AEC1D4
#AEC1D3
#AFC2D1
#B0B9D9
#B1BAD6
#B2BCD4
#B3BDD1
#B4BFCF
#B6C0CC
#B7C2C9
#B4B5D9
#B6B7D5
#B8B9D1
#B9BBCD
#BBBDCA
#BDBFC6
#BFC2C1
#B8B1D9
#BAB4D4
#BDB6CF
#BFB9CA
#C2BCC5
#C4BFBF
#C7C2B9
#BDACD9
#C0B0D3
#C3B3CC
#C6B7C6
#C9BABF
#CBBEB9
#CFC2B1
#C2A7D9
#C6ABD1
#C9B0C9
#CDB4C1
#D1B8B9
#D4BDB1
#D9C2A7
Colorpallet from #A7C2D9 to #C2D9A7 and to #D9A7C2
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#ABC6D1
#ACC5D2
#ACC3D2
#ADC2D3
#AEC1D4
#AEC0D4
#AFBED5
#B0C9C9
#B1C6CA
#B2C4CC
#B3C1CD
#B4BFCF
#B6BCD0
#B7B9D2
#B4CDC1
#B6C9C3
#B8C5C5
#B9C1C7
#BBBEC9
#BDBACB
#BFB5CE
#B8D1B9
#BACCBC
#BDC7BE
#BFC2C1
#C2BDC4
#C4B7C7
#C7B1CA
#BDD4B1
#C0CEB5
#C3C7B8
#C6C1BC
#C9BABF
#CBB4C3
#CFACC7
#C2D9A7
#C6D1AB
#C9C9B0
#CDC1B4
#D1B9B8
#D4B1BD
#D9A7C2
Colorpallet from #A7C2D9 to #C2D9A7 and to #D9C2A7
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#ABC6D1
#ACC5D1
#ACC5D1
#ADC4D1
#AEC3D1
#AEC3D1
#AFC2D1
#B0C9C9
#B1C8C9
#B2C7C9
#B3C6C9
#B4C5C9
#B6C3C9
#B7C2C9
#B4CDC1
#B6CBC1
#B8C9C1
#B9C8C1
#BBC6C1
#BDC4C1
#BFC2C1
#B8D1B9
#BACFB9
#BDCCB9
#BFCAB9
#C2C7B9
#C4C5B9
#C7C2B9
#BDD4B1
#C0D1B1
#C3CEB1
#C6CBB1
#C9C8B1
#CBC6B1
#CFC2B1
#C2D9A7
#C6D5A7
#C9D2A7
#CDCEA7
#D1CAA7
#D4C7A7
#D9C2A7
Colorpallet from #A7C2D9 to #D9A7C2 and to #D9C2A7
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#A7C2D9
#AFBED5
#AFBFD4
#AFBFD4
#AFC0D3
#AFC1D2
#AFC1D2
#AFC2D1
#B7B9D2
#B7BAD1
#B7BCCF
#B7BDCE
#B7BFCC
#B7C0CB
#B7C2C9
#BFB5CE
#BFB7CC
#BFB9CA
#BFBBC8
#BFBDC6
#BFBFC4
#BFC2C1
#C7B1CA
#C7B4C7
#C7B6C5
#C7B9C2
#C7BCBF
#C7BFBC
#C7C2B9
#CFACC7
#CFB0C3
#CFB3C0
#CFB7BC
#CFBAB9
#CFBEB5
#CFC2B1
#D9A7C2
#D9ABBE
#D9B0B9
#D9B4B5
#D9B8B1
#D9BDAC
#D9C2A7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts