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 #AFD8C0 to #AFC0D8 and to #D8AFC0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD4C4
#B0D4C3
#B1D3C3
#B2D3C2
#B3D2C1
#B5D2C1
#B6D1C0
#AFD0C8
#B1CFC7
#B3CEC5
#B5CEC4
#B7CDC3
#B9CCC2
#BCCBC0
#AFCCCC
#B2CBCA
#B5C9C8
#B9C8C6
#BCC7C4
#BFC6C2
#C3C4C0
#AFC9CF
#B3C7CD
#B7C5CA
#BBC4C8
#C0C2C5
#C4C0C3
#C9BEC0
#AFC5D3
#B4C3D0
#BAC1CD
#BFBECA
#C4BCC7
#C9BAC4
#D0B7C0
#AFC0D8
#B6BDD4
#BCBBD0
#C3B8CC
#C9B5C9
#D0B2C5
#D8AFC0
Colorpallet from #AFD8C0 to #AFC0D8 and to #D8C0AF
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD4C4
#B0D4C3
#B1D4C2
#B2D4C1
#B3D4C0
#B5D4BE
#B6D4BD
#AFD0C8
#B1D0C6
#B3D0C4
#B5D0C2
#B7D0C0
#B9D0BE
#BCD0BB
#AFCCCC
#B2CCC9
#B5CCC6
#B9CCC2
#BCCCBF
#BFCCBC
#C3CCB8
#AFC9CF
#B3C9CB
#B7C9C7
#BBC9C3
#C0C9BE
#C4C9BA
#C9C9B5
#AFC5D3
#B4C5CE
#BAC5C8
#BFC5C3
#C4C5BE
#C9C5B9
#D0C5B2
#AFC0D8
#B6C0D1
#BCC0CB
#C3C0C4
#C9C0BE
#D0C0B7
#D8C0AF
Colorpallet from #AFD8C0 to #AFC0D8 and to #C0AFD8
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD4C4
#AFD4C4
#B0D3C4
#B0D3C4
#B1D2C4
#B1D2C4
#B2D1C4
#AFD0C8
#B0CFC8
#B1CEC8
#B1CEC8
#B2CDC8
#B3CCC8
#B4CBC8
#AFCCCC
#B0CBCC
#B2C9CC
#B3C8CC
#B4C7CC
#B5C6CC
#B7C4CC
#AFC9CF
#B1C7CF
#B3C5CF
#B4C4CF
#B6C2CF
#B8C0CF
#BABECF
#AFC5D3
#B1C3D3
#B3C1D3
#B6BED3
#B8BCD3
#BABAD3
#BDB7D3
#AFC0D8
#B2BDD8
#B4BBD8
#B7B8D8
#BAB5D8
#BDB2D8
#C0AFD8
Colorpallet from #AFD8C0 to #AFC0D8 and to #C0D8AF
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD4C4
#AFD5C3
#B0D5C2
#B0D6C1
#B1D7C0
#B1D7BE
#B2D8BD
#AFD0C8
#B0D1C6
#B1D3C4
#B1D4C2
#B2D5C0
#B3D6BE
#B4D8BB
#AFCCCC
#B0CEC9
#B2D0C6
#B3D2C2
#B4D4BF
#B5D6BC
#B7D8B8
#AFC9CF
#B1CBCB
#B3CEC7
#B4D0C3
#B6D3BE
#B8D5BA
#BAD8B5
#AFC5D3
#B1C8CE
#B3CBC8
#B6CEC3
#B8D1BE
#BAD4B9
#BDD8B2
#AFC0D8
#B2C4D1
#B4C8CB
#B7CCC4
#BACFBE
#BDD3B7
#C0D8AF
Colorpallet from #AFD8C0 to #D8AFC0 and to #D8C0AF
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#B6D1C0
#B6D1C0
#B6D2BF
#B6D2BF
#B6D3BE
#B6D3BE
#B6D4BD
#BCCBC0
#BCCCBF
#BCCDBE
#BCCDBE
#BCCEBD
#BCCFBC
#BCD0BB
#C3C4C0
#C3C5BF
#C3C7BD
#C3C8BC
#C3C9BB
#C3CABA
#C3CCB8
#C9BEC0
#C9C0BE
#C9C2BC
#C9C3BB
#C9C5B9
#C9C7B7
#C9C9B5
#D0B7C0
#D0B9BE
#D0BBBC
#D0BEB9
#D0C0B7
#D0C2B5
#D0C5B2
#D8AFC0
#D8B2BD
#D8B4BB
#D8B7B8
#D8BAB5
#D8BDB2
#D8C0AF
Colorpallet from #AFD8C0 to #D8AFC0 and to #C0AFD8
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#B6D1C0
#B5D1C1
#B5D1C1
#B4D1C2
#B3D1C3
#B3D1C3
#B2D1C4
#BCCBC0
#BBCBC1
#B9CBC3
#B8CBC4
#B7CBC5
#B6CBC6
#B4CBC8
#C3C4C0
#C1C4C2
#BFC4C4
#BDC4C6
#BBC4C8
#B9C4CA
#B7C4CC
#C9BEC0
#C7BEC2
#C4BEC5
#C2BEC7
#BFBECA
#BDBECC
#BABECF
#D0B7C0
#CDB7C3
#CAB7C6
#C7B7C9
#C4B7CC
#C1B7CF
#BDB7D3
#D8AFC0
#D4AFC4
#D0AFC8
#CCAFCC
#C9AFCF
#C5AFD3
#C0AFD8
Colorpallet from #AFD8C0 to #D8AFC0 and to #C0D8AF
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#B6D1C0
#B5D2C0
#B5D3BF
#B4D4BF
#B3D5BE
#B3D7BE
#B2D8BD
#BCCBC0
#BBCDBF
#B9CFBE
#B8D1BE
#B7D3BD
#B6D5BC
#B4D8BB
#C3C4C0
#C1C7BF
#BFCABD
#BDCEBC
#BBD1BB
#B9D4BA
#B7D8B8
#C9BEC0
#C7C2BE
#C4C6BC
#C2CABB
#BFCFB9
#BDD3B7
#BAD8B5
#D0B7C0
#CDBCBE
#CAC2BC
#C7C7B9
#C4CCB7
#C1D1B5
#BDD8B2
#D8AFC0
#D4B6BD
#D0BCBB
#CCC3B8
#C9C9B5
#C5D0B2
#C0D8AF
Colorpallet from #AFD8C0 to #D8C0AF and to #C0AFD8
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#B6D4BD
#B5D4BE
#B5D3BF
#B4D3C0
#B3D2C1
#B3D2C3
#B2D1C4
#BCD0BB
#BBCFBD
#B9CEBF
#B8CEC1
#B7CDC3
#B6CCC5
#B4CBC8
#C3CCB8
#C1CBBB
#BFC9BE
#BDC8C2
#BBC7C5
#B9C6C8
#B7C4CC
#C9C9B5
#C7C7B9
#C4C5BD
#C2C4C1
#BFC2C6
#BDC0CA
#BABECF
#D0C5B2
#CDC3B7
#CAC1BD
#C7BEC2
#C4BCC7
#C1BACC
#BDB7D3
#D8C0AF
#D4BDB6
#D0BBBC
#CCB8C3
#C9B5C9
#C5B2D0
#C0AFD8
Colorpallet from #AFD8C0 to #D8C0AF and to #C0D8AF
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#B6D4BD
#B5D5BD
#B5D5BD
#B4D6BD
#B3D7BD
#B3D7BD
#B2D8BD
#BCD0BB
#BBD1BB
#B9D3BB
#B8D4BB
#B7D5BB
#B6D6BB
#B4D8BB
#C3CCB8
#C1CEB8
#BFD0B8
#BDD2B8
#BBD4B8
#B9D6B8
#B7D8B8
#C9C9B5
#C7CBB5
#C4CEB5
#C2D0B5
#BFD3B5
#BDD5B5
#BAD8B5
#D0C5B2
#CDC8B2
#CACBB2
#C7CEB2
#C4D1B2
#C1D4B2
#BDD8B2
#D8C0AF
#D4C4AF
#D0C8AF
#CCCCAF
#C9CFAF
#C5D3AF
#C0D8AF
Colorpallet from #AFD8C0 to #C0AFD8 and to #C0D8AF
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#AFD8C0
#B2D1C4
#B2D2C3
#B2D3C2
#B2D4C1
#B2D5C0
#B2D7BE
#B2D8BD
#B4CBC8
#B4CDC6
#B4CFC4
#B4D1C2
#B4D3C0
#B4D5BE
#B4D8BB
#B7C4CC
#B7C7C9
#B7CAC6
#B7CEC2
#B7D1BF
#B7D4BC
#B7D8B8
#BABECF
#BAC2CB
#BAC6C7
#BACAC3
#BACFBE
#BAD3BA
#BAD8B5
#BDB7D3
#BDBCCE
#BDC2C8
#BDC7C3
#BDCCBE
#BDD1B9
#BDD8B2
#C0AFD8
#C0B6D1
#C0BCCB
#C0C3C4
#C0C9BE
#C0D0B7
#C0D8AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
