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 #AFE8C2 to #AFC2E8 and to #E8AFC2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE2C8
#B0E2C7
#B2E1C6
#B3E1C5
#B5E0C4
#B6E0C3
#B8DFC2
#AFDCCE
#B2DBCC
#B5DACA
#B8D9C8
#BBD8C6
#BDD7C4
#C1D6C2
#AFD6D4
#B3D5D1
#B8D3CE
#BCD2CB
#C0D0C8
#C5CFC6
#CACDC2
#AFD0DA
#B5CED6
#BBCCD2
#C0CACE
#C6C8CB
#CCC6C7
#D3C4C2
#AFCAE0
#B6C7DB
#BEC5D6
#C5C2D2
#CCC0CD
#D4BDC8
#DDBAC2
#AFC2E8
#B8BFE2
#C1BCDC
#CAB9D6
#D3B6D0
#DDB3CA
#E8AFC2
Colorpallet from #AFE8C2 to #AFC2E8 and to #E8C2AF
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE2C8
#B0E2C7
#B2E2C5
#B3E2C4
#B5E2C2
#B6E2C1
#B8E2BF
#AFDCCE
#B2DCCB
#B5DCC8
#B8DCC5
#BBDCC2
#BDDCC0
#C1DCBC
#AFD6D4
#B3D6D0
#B8D6CB
#BCD6C7
#C0D6C3
#C5D6BE
#CAD6B9
#AFD0DA
#B5D0D4
#BBD0CE
#C0D0C9
#C6D0C3
#CCD0BD
#D3D0B6
#AFCAE0
#B6CAD9
#BECAD2
#C5CACA
#CCCAC3
#D4CABC
#DDCAB3
#AFC2E8
#B8C2DF
#C1C2D6
#CAC2CD
#D3C2C4
#DDC2BA
#E8C2AF
Colorpallet from #AFE8C2 to #AFC2E8 and to #C2AFE8
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE2C8
#AFE2C8
#B0E1C8
#B0E1C8
#B1E0C8
#B1E0C8
#B2DFC8
#AFDCCE
#B0DBCE
#B1DACE
#B2D9CE
#B3D8CE
#B4D7CE
#B5D6CE
#AFD6D4
#B0D5D4
#B2D3D4
#B3D2D4
#B5D0D4
#B6CFD4
#B8CDD4
#AFD0DA
#B1CEDA
#B3CCDA
#B5CADA
#B7C8DA
#B9C6DA
#BBC4DA
#AFCAE0
#B1C7E0
#B4C5E0
#B6C2E0
#B9C0E0
#BBBDE0
#BEBAE0
#AFC2E8
#B2BFE8
#B5BCE8
#B8B9E8
#BBB6E8
#BEB3E8
#C2AFE8
Colorpallet from #AFE8C2 to #AFC2E8 and to #C2E8AF
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE2C8
#AFE3C7
#B0E4C5
#B0E5C4
#B1E6C2
#B1E7C1
#B2E8BF
#AFDCCE
#B0DECB
#B1E0C8
#B2E2C5
#B3E4C2
#B4E6C0
#B5E8BC
#AFD6D4
#B0D9D0
#B2DCCB
#B3DFC7
#B5E2C3
#B6E4BE
#B8E8B9
#AFD0DA
#B1D4D4
#B3D8CE
#B5DCC9
#B7DFC3
#B9E3BD
#BBE8B6
#AFCAE0
#B1CFD9
#B4D4D2
#B6D8CA
#B9DDC3
#BBE2BC
#BEE8B3
#AFC2E8
#B2C8DF
#B5CED6
#B8D4CD
#BBDAC4
#BEE0BA
#C2E8AF
Colorpallet from #AFE8C2 to #E8AFC2 and to #E8C2AF
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#B8DFC2
#B8DFC2
#B8E0C1
#B8E0C1
#B8E1C0
#B8E1C0
#B8E2BF
#C1D6C2
#C1D7C1
#C1D8C0
#C1D9BF
#C1DABE
#C1DBBD
#C1DCBC
#CACDC2
#CACEC1
#CAD0BF
#CAD1BE
#CAD3BC
#CAD4BB
#CAD6B9
#D3C4C2
#D3C6C0
#D3C8BE
#D3CABC
#D3CCBA
#D3CEB8
#D3D0B6
#DDBAC2
#DDBDC0
#DDBFBD
#DDC2BB
#DDC4B8
#DDC7B6
#DDCAB3
#E8AFC2
#E8B2BF
#E8B5BC
#E8B8B9
#E8BBB6
#E8BEB3
#E8C2AF
Colorpallet from #AFE8C2 to #E8AFC2 and to #C2AFE8
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#B8DFC2
#B7DFC3
#B6DFC4
#B5DFC5
#B4DFC6
#B3DFC7
#B2DFC8
#C1D6C2
#BFD6C4
#BDD6C6
#BBD6C8
#B9D6CA
#B7D6CC
#B5D6CE
#CACDC2
#C7CDC5
#C4CDC8
#C1CDCB
#BECDCE
#BCCDD0
#B8CDD4
#D3C4C2
#CFC4C6
#CBC4CA
#C7C4CE
#C4C4D1
#C0C4D5
#BBC4DA
#DDBAC2
#D8BAC7
#D3BACC
#CEBAD0
#C9BAD5
#C4BADA
#BEBAE0
#E8AFC2
#E2AFC8
#DCAFCE
#D6AFD4
#D0AFDA
#CAAFE0
#C2AFE8
Colorpallet from #AFE8C2 to #E8AFC2 and to #C2E8AF
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#B8DFC2
#B7E0C2
#B6E2C1
#B5E3C1
#B4E5C0
#B3E6C0
#B2E8BF
#C1D6C2
#BFD9C1
#BDDCC0
#BBDFBF
#B9E2BE
#B7E4BD
#B5E8BC
#CACDC2
#C7D1C1
#C4D6BF
#C1DABE
#BEDEBC
#BCE3BB
#B8E8B9
#D3C4C2
#CFCAC0
#CBD0BE
#C7D5BC
#C4DBBA
#C0E1B8
#BBE8B6
#DDBAC2
#D8C1C0
#D3C9BD
#CED0BB
#C9D7B8
#C4DFB6
#BEE8B3
#E8AFC2
#E2B8BF
#DCC1BC
#D6CAB9
#D0D3B6
#CADDB3
#C2E8AF
Colorpallet from #AFE8C2 to #E8C2AF and to #C2AFE8
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#B8E2BF
#B7E2C0
#B6E1C2
#B5E1C3
#B4E0C5
#B3E0C6
#B2DFC8
#C1DCBC
#BFDBBF
#BDDAC2
#BBD9C5
#B9D8C8
#B7D7CA
#B5D6CE
#CAD6B9
#C7D5BD
#C4D3C2
#C1D2C6
#BED0CA
#BCCFCF
#B8CDD4
#D3D0B6
#CFCEBC
#CBCCC2
#C7CAC7
#C4C8CD
#C0C6D3
#BBC4DA
#DDCAB3
#D8C7BA
#D3C5C1
#CEC2C9
#C9C0D0
#C4BDD7
#BEBAE0
#E8C2AF
#E2BFB8
#DCBCC1
#D6B9CA
#D0B6D3
#CAB3DD
#C2AFE8
Colorpallet from #AFE8C2 to #E8C2AF and to #C2E8AF
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#B8E2BF
#B7E3BF
#B6E4BF
#B5E5BF
#B4E6BF
#B3E7BF
#B2E8BF
#C1DCBC
#BFDEBC
#BDE0BC
#BBE2BC
#B9E4BC
#B7E6BC
#B5E8BC
#CAD6B9
#C7D9B9
#C4DCB9
#C1DFB9
#BEE2B9
#BCE4B9
#B8E8B9
#D3D0B6
#CFD4B6
#CBD8B6
#C7DCB6
#C4DFB6
#C0E3B6
#BBE8B6
#DDCAB3
#D8CFB3
#D3D4B3
#CED8B3
#C9DDB3
#C4E2B3
#BEE8B3
#E8C2AF
#E2C8AF
#DCCEAF
#D6D4AF
#D0DAAF
#CAE0AF
#C2E8AF
Colorpallet from #AFE8C2 to #C2AFE8 and to #C2E8AF
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#AFE8C2
#B2DFC8
#B2E0C7
#B2E2C5
#B2E3C4
#B2E5C2
#B2E6C1
#B2E8BF
#B5D6CE
#B5D9CB
#B5DCC8
#B5DFC5
#B5E2C2
#B5E4C0
#B5E8BC
#B8CDD4
#B8D1D0
#B8D6CB
#B8DAC7
#B8DEC3
#B8E3BE
#B8E8B9
#BBC4DA
#BBCAD4
#BBD0CE
#BBD5C9
#BBDBC3
#BBE1BD
#BBE8B6
#BEBAE0
#BEC1D9
#BEC9D2
#BED0CA
#BED7C3
#BEDFBC
#BEE8B3
#C2AFE8
#C2B8DF
#C2C1D6
#C2CACD
#C2D3C4
#C2DDBA
#C2E8AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts