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 #ABECB6 to #ABB6EC and to #ECABB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABE3BF
#ADE3BE
#AEE3BC
#B0E3BB
#B1E2B9
#B3E2B8
#B5E2B6
#ABDBC7
#AEDAC4
#B2DAC2
#B5D9BF
#B8D8BC
#BCD8B9
#C0D7B6
#ABD2D0
#B0D1CC
#B5D0C8
#BAD0C4
#BFCFBF
#C4CEBB
#CACDB6
#ABC9D9
#B2C8D3
#B8C7CE
#BFC6C8
#C6C5C3
#CDC3BD
#D5C2B6
#ABC1E1
#B3C0DA
#BCBED3
#C4BDCC
#CCBBC5
#D5BABF
#DFB8B6
#ABB6EC
#B5B4E3
#C0B2DB
#CAB1D2
#D5AFC9
#DFADC1
#ECABB6
Colorpallet from #ABECB6 to #ABB6EC and to #ECB6AB
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABE3BF
#ADE3BD
#AEE3BB
#B0E3BA
#B1E3B8
#B3E3B6
#B5E3B4
#ABDBC7
#AEDBC4
#B2DBC0
#B5DBBD
#B8DBBA
#BCDBB6
#C0DBB2
#ABD2D0
#B0D2CB
#B5D2C6
#BAD2C1
#BFD2BC
#C4D2B7
#CAD2B1
#ABC9D9
#B2C9D2
#B8C9CC
#BFC9C5
#C6C9BE
#CDC9B7
#D5C9AF
#ABC1E1
#B3C1D9
#BCC1D0
#C4C1C8
#CCC1C0
#D5C1B7
#DFC1AD
#ABB6EC
#B5B6E2
#C0B6D7
#CAB6CD
#D5B6C2
#DFB6B8
#ECB6AB
Colorpallet from #ABECB6 to #ABB6EC and to #B6ABEC
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABE3BF
#ABE3BF
#ACE3BF
#ACE3BF
#ACE2BF
#ADE2BF
#ADE2BF
#ABDBC7
#ACDAC7
#ACDAC7
#ADD9C7
#AED8C7
#AED8C7
#AFD7C7
#ABD2D0
#ACD1D0
#ADD0D0
#ADD0D0
#AECFD0
#AFCED0
#B0CDD0
#ABC9D9
#ACC8D9
#ADC7D9
#AEC6D9
#AFC5D9
#B1C3D9
#B2C2D9
#ABC1E1
#ACC0E1
#AEBEE1
#AFBDE1
#B1BBE1
#B2BAE1
#B4B8E1
#ABB6EC
#ADB4EC
#AFB2EC
#B0B1EC
#B2AFEC
#B4ADEC
#B6ABEC
Colorpallet from #ABECB6 to #ABB6EC and to #B6ECAB
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABE3BF
#ABE4BD
#ACE6BB
#ACE7BA
#ACE9B8
#ADEAB6
#ADECB4
#ABDBC7
#ACDEC4
#ACE0C0
#ADE3BD
#AEE6BA
#AEE9B6
#AFECB2
#ABD2D0
#ACD6CB
#ADDAC6
#ADDEC1
#AEE3BC
#AFE7B7
#B0ECB1
#ABC9D9
#ACCFD2
#ADD4CC
#AEDAC5
#AFDFBE
#B1E5B7
#B2ECAF
#ABC1E1
#ACC8D9
#AECFD0
#AFD6C8
#B1DDC0
#B2E3B7
#B4ECAD
#ABB6EC
#ADBFE2
#AFC7D7
#B0D0CD
#B2D9C2
#B4E1B8
#B6ECAB
Colorpallet from #ABECB6 to #ECABB6 and to #ECB6AB
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#B5E2B6
#B5E2B6
#B5E2B5
#B5E2B5
#B5E3B5
#B5E3B4
#B5E3B4
#C0D7B6
#C0D8B5
#C0D8B5
#C0D9B4
#C0DAB3
#C0DAB3
#C0DBB2
#CACDB6
#CACEB5
#CACFB4
#CACFB4
#CAD0B3
#CAD1B2
#CAD2B1
#D5C2B6
#D5C3B5
#D5C4B4
#D5C5B3
#D5C6B2
#D5C8B0
#D5C9AF
#DFB8B6
#DFB9B5
#DFBBB3
#DFBCB2
#DFBEB0
#DFBFAF
#DFC1AD
#ECABB6
#ECADB4
#ECAFB2
#ECB0B1
#ECB2AF
#ECB4AD
#ECB6AB
Colorpallet from #ABECB6 to #ECABB6 and to #B6ABEC
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#B5E2B6
#B4E2B7
#B2E2B9
#B1E2BA
#B0E2BC
#AFE2BD
#ADE2BF
#C0D7B6
#BDD7B9
#BBD7BB
#B8D7BE
#B5D7C1
#B2D7C4
#AFD7C7
#CACDB6
#C6CDBA
#C2CDBE
#BECDC2
#B9CDC7
#B5CDCB
#B0CDD0
#D5C2B6
#CFC2BC
#CAC2C1
#C4C2C7
#BFC2CC
#B9C2D2
#B2C2D9
#DFB8B6
#D8B8BD
#D1B8C4
#CAB8CB
#C3B8D2
#BDB8D8
#B4B8E1
#ECABB6
#E3ABBF
#DBABC7
#D2ABD0
#C9ABD9
#C1ABE1
#B6ABEC
Colorpallet from #ABECB6 to #ECABB6 and to #B6ECAB
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#B5E2B6
#B4E4B6
#B2E5B5
#B1E7B5
#B0E8B5
#AFEAB4
#ADECB4
#C0D7B6
#BDDAB5
#BBDEB5
#B8E1B4
#B5E4B3
#B2E8B3
#AFECB2
#CACDB6
#C6D2B5
#C2D7B4
#BEDCB4
#B9E1B3
#B5E6B2
#B0ECB1
#D5C2B6
#CFC9B5
#CACFB4
#C4D6B3
#BFDDB2
#B9E4B0
#B2ECAF
#DFB8B6
#D8C0B5
#D1C9B3
#CAD1B2
#C3D9B0
#BDE2AF
#B4ECAD
#ECABB6
#E3B5B4
#DBC0B2
#D2CAB1
#C9D5AF
#C1DFAD
#B6ECAB
Colorpallet from #ABECB6 to #ECB6AB and to #B6ABEC
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#B5E3B4
#B4E3B6
#B2E3B8
#B1E3B9
#B0E2BB
#AFE2BD
#ADE2BF
#C0DBB2
#BDDAB5
#BBDAB9
#B8D9BC
#B5D8BF
#B2D8C3
#AFD7C7
#CAD2B1
#C6D1B6
#C2D0BB
#BED0C0
#B9CFC5
#B5CECA
#B0CDD0
#D5C9AF
#CFC8B6
#CAC7BC
#C4C6C3
#BFC5CA
#B9C3D1
#B2C2D9
#DFC1AD
#D8C0B5
#D1BEBE
#CABDC6
#C3BBCE
#BDBAD7
#B4B8E1
#ECB6AB
#E3B4B5
#DBB2C0
#D2B1CA
#C9AFD5
#C1ADDF
#B6ABEC
Colorpallet from #ABECB6 to #ECB6AB and to #B6ECAB
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#B5E3B4
#B4E4B4
#B2E6B4
#B1E7B4
#B0E9B4
#AFEAB4
#ADECB4
#C0DBB2
#BDDEB2
#BBE0B2
#B8E3B2
#B5E6B2
#B2E9B2
#AFECB2
#CAD2B1
#C6D6B1
#C2DAB1
#BEDEB1
#B9E3B1
#B5E7B1
#B0ECB1
#D5C9AF
#CFCFAF
#CAD4AF
#C4DAAF
#BFDFAF
#B9E5AF
#B2ECAF
#DFC1AD
#D8C8AD
#D1CFAD
#CAD6AD
#C3DDAD
#BDE3AD
#B4ECAD
#ECB6AB
#E3BFAB
#DBC7AB
#D2D0AB
#C9D9AB
#C1E1AB
#B6ECAB
Colorpallet from #ABECB6 to #B6ABEC and to #B6ECAB
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ABECB6
#ADE2BF
#ADE4BD
#ADE5BB
#ADE7BA
#ADE8B8
#ADEAB6
#ADECB4
#AFD7C7
#AFDAC4
#AFDEC0
#AFE1BD
#AFE4BA
#AFE8B6
#AFECB2
#B0CDD0
#B0D2CB
#B0D7C6
#B0DCC1
#B0E1BC
#B0E6B7
#B0ECB1
#B2C2D9
#B2C9D2
#B2CFCC
#B2D6C5
#B2DDBE
#B2E4B7
#B2ECAF
#B4B8E1
#B4C0D9
#B4C9D0
#B4D1C8
#B4D9C0
#B4E2B7
#B4ECAD
#B6ABEC
#B6B5E2
#B6C0D7
#B6CACD
#B6D5C2
#B6DFB8
#B6ECAB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts