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 #ADDAEC to #ADECDA and to #DAADEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDDE9
#AEDBE9
#AFDAEA
#B0D8EA
#B1D7EB
#B3D5EB
#B4D3EC
#ADE0E6
#AFDDE7
#B1DAE8
#B4D6E9
#B6D3EA
#B8D0EB
#BBCCEC
#ADE3E3
#B1DEE4
#B4D9E6
#B8D4E7
#BBCFE9
#BFCAEA
#C3C4EC
#ADE6E0
#B2DFE2
#B6D9E4
#BBD2E6
#C0CCE8
#C4C5EA
#CABDEC
#ADE8DE
#B3E0E0
#B9D8E2
#BED0E5
#C4C8E7
#CAC0E9
#D1B6EC
#ADECDA
#B4E2DD
#BBD8E0
#C3CEE3
#CAC4E6
#D1BAE8
#DAADEC
Colorpallet from #ADDAEC to #ADECDA and to #DAECAD
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDDE9
#AEDDE8
#AFDDE7
#B0DDE6
#B1DDE5
#B3DDE3
#B4DDE2
#ADE0E6
#AFE0E4
#B1E0E2
#B4E0DF
#B6E0DD
#B8E0DB
#BBE0D8
#ADE3E3
#B1E3E0
#B4E3DC
#B8E3D9
#BBE3D6
#BFE3D2
#C3E3CE
#ADE6E0
#B2E6DC
#B6E6D7
#BBE6D3
#C0E6CE
#C4E6CA
#CAE6C4
#ADE8DE
#B3E8D8
#B9E8D2
#BEE8CD
#C4E8C7
#CAE8C1
#D1E8BA
#ADECDA
#B4ECD3
#BBECCC
#C3ECC4
#CAECBD
#D1ECB6
#DAECAD
Colorpallet from #ADDAEC to #ADECDA and to #ECADDA
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDDE9
#AFDBE9
#B0DAE9
#B2D8E9
#B3D7E9
#B5D5E9
#B7D3E9
#ADE0E6
#B0DDE6
#B3DAE6
#B7D6E6
#BAD3E6
#BDD0E6
#C1CCE6
#ADE3E3
#B2DEE3
#B7D9E3
#BBD4E3
#C0CFE3
#C5CAE3
#CBC4E3
#ADE6E0
#B3DFE0
#BAD9E0
#C0D2E0
#C7CCE0
#CDC5E0
#D5BDE0
#ADE8DE
#B5E0DE
#BDD8DE
#C5D0DE
#CDC8DE
#D5C0DE
#DFB6DE
#ADECDA
#B7E2DA
#C1D8DA
#CBCEDA
#D5C4DA
#DFBADA
#ECADDA
Colorpallet from #ADDAEC to #ADECDA and to #ECDAAD
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDDE9
#AFDDE8
#B0DCE7
#B2DCE6
#B3DBE5
#B5DBE3
#B7DAE2
#ADE0E6
#B0DFE4
#B3DEE2
#B7DDDF
#BADCDD
#BDDBDB
#C1DAD8
#ADE3E3
#B2E2E0
#B7E0DC
#BBDFD9
#C0DDD6
#C5DCD2
#CBDACE
#ADE6E0
#B3E4DC
#BAE2D7
#C0E0D3
#C7DECE
#CDDCCA
#D5DAC4
#ADE8DE
#B5E6D8
#BDE4D2
#C5E1CD
#CDDFC7
#D5DDC1
#DFDABA
#ADECDA
#B7E9D3
#C1E6CC
#CBE3C4
#D5E0BD
#DFDEB6
#ECDAAD
Colorpallet from #ADDAEC to #DAADEC and to #DAECAD
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#B4D3EC
#B4D5EA
#B4D6E9
#B4D8E7
#B4D9E6
#B4DBE4
#B4DDE2
#BBCCEC
#BBCFE9
#BBD2E6
#BBD6E2
#BBD9DF
#BBDCDC
#BBE0D8
#C3C4EC
#C3C9E7
#C3CEE2
#C3D3DE
#C3D8D9
#C3DDD4
#C3E3CE
#CABDEC
#CAC4E6
#CACADF
#CAD1D9
#CAD7D2
#CADECC
#CAE6C4
#D1B6EC
#D1BEE4
#D1C6DC
#D1CED4
#D1D6CC
#D1DEC4
#D1E8BA
#DAADEC
#DAB7E2
#DAC1D8
#DACBCE
#DAD5C4
#DADFBA
#DAECAD
Colorpallet from #ADDAEC to #DAADEC and to #ECADDA
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#B4D3EC
#B4D3EC
#B5D3EB
#B5D3EB
#B6D3EA
#B6D3EA
#B7D3E9
#BBCCEC
#BCCCEB
#BDCCEA
#BECCE9
#BFCCE8
#C0CCE7
#C1CCE6
#C3C4EC
#C4C4EB
#C6C4E9
#C7C4E8
#C8C4E6
#C9C4E5
#CBC4E3
#CABDEC
#CCBDEA
#CEBDE8
#CFBDE6
#D1BDE4
#D3BDE2
#D5BDE0
#D1B6EC
#D3B6EA
#D5B6E8
#D8B6E5
#DAB6E3
#DCB6E1
#DFB6DE
#DAADEC
#DDADE9
#E0ADE6
#E3ADE3
#E6ADE0
#E8ADDE
#ECADDA
Colorpallet from #ADDAEC to #DAADEC and to #ECDAAD
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#B4D3EC
#B4D4EA
#B5D5E9
#B5D6E7
#B6D7E6
#B6D9E4
#B7DAE2
#BBCCEC
#BCCEE9
#BDD0E6
#BED3E2
#BFD5DF
#C0D7DC
#C1DAD8
#C3C4EC
#C4C8E7
#C6CBE2
#C7CFDE
#C8D2D9
#C9D6D4
#CBDACE
#CABDEC
#CCC2E6
#CEC6DF
#CFCBD9
#D1D0D2
#D3D4CC
#D5DAC4
#D1B6EC
#D3BCE4
#D5C2DC
#D8C7D4
#DACDCC
#DCD3C4
#DFDABA
#DAADEC
#DDB4E2
#E0BBD8
#E3C3CE
#E6CAC4
#E8D1BA
#ECDAAD
Colorpallet from #ADDAEC to #DAECAD and to #ECADDA
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#B4DDE2
#B4DBE3
#B5DAE4
#B5D8E5
#B6D7E6
#B6D5E8
#B7D3E9
#BBE0D8
#BCDDDA
#BDDADC
#BED6DF
#BFD3E1
#C0D0E3
#C1CCE6
#C3E3CE
#C4DED1
#C6D9D5
#C7D4D8
#C8CFDB
#C9CADF
#CBC4E3
#CAE6C4
#CCDFC8
#CED9CD
#CFD2D1
#D1CCD6
#D3C5DA
#D5BDE0
#D1E8BA
#D3E0C0
#D5D8C6
#D8D0CB
#DAC8D1
#DCC0D7
#DFB6DE
#DAECAD
#DDE2B4
#E0D8BB
#E3CEC3
#E6C4CA
#E8BAD1
#ECADDA
Colorpallet from #ADDAEC to #DAECAD and to #ECDAAD
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#B4DDE2
#B4DDE2
#B5DCE2
#B5DCE2
#B6DBE2
#B6DBE2
#B7DAE2
#BBE0D8
#BCDFD8
#BDDED8
#BEDDD8
#BFDCD8
#C0DBD8
#C1DAD8
#C3E3CE
#C4E2CE
#C6E0CE
#C7DFCE
#C8DDCE
#C9DCCE
#CBDACE
#CAE6C4
#CCE4C4
#CEE2C4
#CFE0C4
#D1DEC4
#D3DCC4
#D5DAC4
#D1E8BA
#D3E6BA
#D5E4BA
#D8E1BA
#DADFBA
#DCDDBA
#DFDABA
#DAECAD
#DDE9AD
#E0E6AD
#E3E3AD
#E6E0AD
#E8DEAD
#ECDAAD
Colorpallet from #ADDAEC to #ECADDA and to #ECDAAD
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#ADDAEC
#B7D3E9
#B7D4E8
#B7D5E7
#B7D6E6
#B7D7E5
#B7D9E3
#B7DAE2
#C1CCE6
#C1CEE4
#C1D0E2
#C1D3DF
#C1D5DD
#C1D7DB
#C1DAD8
#CBC4E3
#CBC8E0
#CBCBDC
#CBCFD9
#CBD2D6
#CBD6D2
#CBDACE
#D5BDE0
#D5C2DC
#D5C6D7
#D5CBD3
#D5D0CE
#D5D4CA
#D5DAC4
#DFB6DE
#DFBCD8
#DFC2D2
#DFC7CD
#DFCDC7
#DFD3C1
#DFDABA
#ECADDA
#ECB4D3
#ECBBCC
#ECC3C4
#ECCABD
#ECD1B6
#ECDAAD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts