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 #AFD6BD to #AFBDD6 and to #D6AFBD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD2C1
#B0D2C0
#B1D1C0
#B2D1BF
#B3D1BE
#B4D0BE
#B5D0BD
#AFCEC5
#B1CDC4
#B3CDC2
#B5CCC1
#B7CBC0
#B9CBBF
#BBCABD
#AFCAC9
#B2C9C7
#B5C8C5
#B8C7C3
#BBC6C1
#BEC4BF
#C2C3BD
#AFC6CD
#B3C5CA
#B7C3C8
#BBC2C5
#BFC0C3
#C3BFC0
#C8BDBD
#AFC2D1
#B4C0CE
#B9BECB
#BEBDC7
#C3BBC4
#C8B9C1
#CEB7BD
#AFBDD6
#B5BBD2
#BBB9CE
#C2B6CA
#C8B4C6
#CEB2C2
#D6AFBD
Colorpallet from #AFD6BD to #AFBDD6 and to #D6BDAF
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD2C1
#B0D2C0
#B1D2BF
#B2D2BE
#B3D2BD
#B4D2BC
#B5D2BB
#AFCEC5
#B1CEC3
#B3CEC1
#B5CEBF
#B7CEBD
#B9CEBB
#BBCEB9
#AFCAC9
#B2CAC6
#B5CAC3
#B8CAC0
#BBCABD
#BECABA
#C2CAB6
#AFC6CD
#B3C6C9
#B7C6C5
#BBC6C1
#BFC6BD
#C3C6B9
#C8C6B4
#AFC2D1
#B4C2CC
#B9C2C7
#BEC2C2
#C3C2BD
#C8C2B8
#CEC2B2
#AFBDD6
#B5BDD0
#BBBDCA
#C2BDC3
#C8BDBD
#CEBDB7
#D6BDAF
Colorpallet from #AFD6BD to #AFBDD6 and to #BDAFD6
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD2C1
#AFD2C1
#B0D1C1
#B0D1C1
#B0D1C1
#B1D0C1
#B1D0C1
#AFCEC5
#B0CDC5
#B0CDC5
#B1CCC5
#B2CBC5
#B2CBC5
#B3CAC5
#AFCAC9
#B0C9C9
#B1C8C9
#B2C7C9
#B3C6C9
#B5C4C9
#B6C3C9
#AFC6CD
#B0C5CD
#B2C3CD
#B3C2CD
#B5C0CD
#B6BFCD
#B8BDCD
#AFC2D1
#B1C0D1
#B3BED1
#B4BDD1
#B6BBD1
#B8B9D1
#BAB7D1
#AFBDD6
#B1BBD6
#B3B9D6
#B6B6D6
#B8B4D6
#BAB2D6
#BDAFD6
Colorpallet from #AFD6BD to #AFBDD6 and to #BDD6AF
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD2C1
#AFD3C0
#B0D3BF
#B0D4BE
#B0D5BD
#B1D5BC
#B1D6BB
#AFCEC5
#B0CFC3
#B0D1C1
#B1D2BF
#B2D3BD
#B2D4BB
#B3D6B9
#AFCAC9
#B0CCC6
#B1CEC3
#B2D0C0
#B3D2BD
#B5D4BA
#B6D6B6
#AFC6CD
#B0C9C9
#B2CBC5
#B3CEC1
#B5D0BD
#B6D3B9
#B8D6B4
#AFC2D1
#B1C5CC
#B3C8C7
#B4CCC2
#B6CFBD
#B8D2B8
#BAD6B2
#AFBDD6
#B1C1D0
#B3C5CA
#B6C9C3
#B8CDBD
#BAD1B7
#BDD6AF
Colorpallet from #AFD6BD to #D6AFBD and to #D6BDAF
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#B5D0BD
#B5D0BD
#B5D1BC
#B5D1BC
#B5D1BC
#B5D2BB
#B5D2BB
#BBCABD
#BBCBBC
#BBCBBC
#BBCCBB
#BBCDBA
#BBCDBA
#BBCEB9
#C2C3BD
#C2C4BC
#C2C5BB
#C2C6BA
#C2C7B9
#C2C9B7
#C2CAB6
#C8BDBD
#C8BEBC
#C8C0BA
#C8C1B9
#C8C3B7
#C8C4B6
#C8C6B4
#CEB7BD
#CEB9BB
#CEBBB9
#CEBCB8
#CEBEB6
#CEC0B4
#CEC2B2
#D6AFBD
#D6B1BB
#D6B3B9
#D6B6B6
#D6B8B4
#D6BAB2
#D6BDAF
Colorpallet from #AFD6BD to #D6AFBD and to #BDAFD6
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#B5D0BD
#B4D0BE
#B4D0BE
#B3D0BF
#B2D0C0
#B2D0C0
#B1D0C1
#BBCABD
#BACABE
#B8CAC0
#B7CAC1
#B6CAC2
#B5CAC3
#B3CAC5
#C2C3BD
#C0C3BF
#BEC3C1
#BCC3C3
#BAC3C5
#B8C3C7
#B6C3C9
#C8BDBD
#C5BDC0
#C3BDC2
#C0BDC5
#BEBDC7
#BBBDCA
#B8BDCD
#CEB7BD
#CBB7C0
#C8B7C3
#C4B7C7
#C1B7CA
#BEB7CD
#BAB7D1
#D6AFBD
#D2AFC1
#CEAFC5
#CAAFC9
#C6AFCD
#C2AFD1
#BDAFD6
Colorpallet from #AFD6BD to #D6AFBD and to #BDD6AF
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#B5D0BD
#B4D1BD
#B4D2BC
#B3D3BC
#B2D4BC
#B2D5BB
#B1D6BB
#BBCABD
#BACCBC
#B8CEBC
#B7D0BB
#B6D2BA
#B5D4BA
#B3D6B9
#C2C3BD
#C0C6BC
#BEC9BB
#BCCCBA
#BACFB9
#B8D2B7
#B6D6B6
#C8BDBD
#C5C1BC
#C3C5BA
#C0C9B9
#BECDB7
#BBD1B6
#B8D6B4
#CEB7BD
#CBBCBB
#C8C1B9
#C4C6B8
#C1CBB6
#BED0B4
#BAD6B2
#D6AFBD
#D2B5BB
#CEBBB9
#CAC2B6
#C6C8B4
#C2CEB2
#BDD6AF
Colorpallet from #AFD6BD to #D6BDAF and to #BDAFD6
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#B5D2BB
#B4D2BC
#B4D1BD
#B3D1BE
#B2D1BF
#B2D0C0
#B1D0C1
#BBCEB9
#BACDBB
#B8CDBD
#B7CCBF
#B6CBC1
#B5CBC3
#B3CAC5
#C2CAB6
#C0C9B9
#BEC8BC
#BCC7BF
#BAC6C2
#B8C4C5
#B6C3C9
#C8C6B4
#C5C5B8
#C3C3BC
#C0C2C0
#BEC0C4
#BBBFC8
#B8BDCD
#CEC2B2
#CBC0B7
#C8BEBC
#C4BDC1
#C1BBC6
#BEB9CB
#BAB7D1
#D6BDAF
#D2BBB5
#CEB9BB
#CAB6C2
#C6B4C8
#C2B2CE
#BDAFD6
Colorpallet from #AFD6BD to #D6BDAF and to #BDD6AF
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#B5D2BB
#B4D3BB
#B4D3BB
#B3D4BB
#B2D5BB
#B2D5BB
#B1D6BB
#BBCEB9
#BACFB9
#B8D1B9
#B7D2B9
#B6D3B9
#B5D4B9
#B3D6B9
#C2CAB6
#C0CCB6
#BECEB6
#BCD0B6
#BAD2B6
#B8D4B6
#B6D6B6
#C8C6B4
#C5C9B4
#C3CBB4
#C0CEB4
#BED0B4
#BBD3B4
#B8D6B4
#CEC2B2
#CBC5B2
#C8C8B2
#C4CCB2
#C1CFB2
#BED2B2
#BAD6B2
#D6BDAF
#D2C1AF
#CEC5AF
#CAC9AF
#C6CDAF
#C2D1AF
#BDD6AF
Colorpallet from #AFD6BD to #BDAFD6 and to #BDD6AF
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#AFD6BD
#B1D0C1
#B1D1C0
#B1D2BF
#B1D3BE
#B1D4BD
#B1D5BC
#B1D6BB
#B3CAC5
#B3CCC3
#B3CEC1
#B3D0BF
#B3D2BD
#B3D4BB
#B3D6B9
#B6C3C9
#B6C6C6
#B6C9C3
#B6CCC0
#B6CFBD
#B6D2BA
#B6D6B6
#B8BDCD
#B8C1C9
#B8C5C5
#B8C9C1
#B8CDBD
#B8D1B9
#B8D6B4
#BAB7D1
#BABCCC
#BAC1C7
#BAC6C2
#BACBBD
#BAD0B8
#BAD6B2
#BDAFD6
#BDB5D0
#BDBBCA
#BDC2C3
#BDC8BD
#BDCEB7
#BDD6AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts