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 #F2C2A6 to #F2A6C2 and to #C2F2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2BEAA
#F1C0A9
#EFC2A9
#EEC4A8
#EDC6A7
#ECC8A7
#EACAA6
#F2B9AF
#F0BDAE
#EDC1AC
#EBC5AB
#E8C8A9
#E6CCA8
#E3D1A6
#F2B5B3
#EEBBB1
#EBC1AF
#E7C6AD
#E3CCAB
#E0D2A9
#DBD9A6
#F2B0B8
#EDB8B5
#E8C0B2
#E3C8AF
#DECFAC
#D9D7AA
#D3E1A6
#F2ACBC
#ECB6B8
#E6BFB5
#E0C9B1
#DAD2AE
#D4DCAA
#CCE8A6
#F2A6C2
#EAB2BE
#E3BEB9
#DBCAB5
#D3D7B0
#CCE3AC
#C2F2A6
Colorpallet from #F2C2A6 to #F2A6C2 and to #C2A6F2
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2BEAA
#F1BEAB
#EFBEAD
#EEBEAE
#EDBEAF
#ECBEB0
#EABEB2
#F2B9AF
#F0B9B1
#EDB9B4
#EBB9B6
#E8B9B9
#E6B9BB
#E3B9BE
#F2B5B3
#EEB5B7
#EBB5BA
#E7B5BE
#E3B5C2
#E0B5C5
#DBB5CA
#F2B0B8
#EDB0BD
#E8B0C2
#E3B0C7
#DEB0CC
#D9B0D1
#D3B0D7
#F2ACBC
#ECACC2
#E6ACC8
#E0ACCF
#DAACD5
#D4ACDB
#CCACE3
#F2A6C2
#EAA6CA
#E3A6D1
#DBA6D9
#D3A6E1
#CCA6E8
#C2A6F2
Colorpallet from #F2C2A6 to #F2A6C2 and to #A6F2C2
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2BEAA
#F0C0AA
#EEC2AA
#ECC4AA
#EAC6AA
#E8C8AA
#E6CAAA
#F2B9AF
#EEBDAF
#EAC1AF
#E6C5AF
#E3C8AF
#DFCCAF
#DAD1AF
#F2B5B3
#ECBBB3
#E6C1B3
#E1C6B3
#DBCCB3
#D5D2B3
#CED9B3
#F2B0B8
#EAB8B8
#E2C0B8
#DAC8B8
#D3CFB8
#CBD7B8
#C1E1B8
#F2ACBC
#E8B6BC
#DEBFBC
#D5C9BC
#CBD2BC
#C1DCBC
#B5E8BC
#F2A6C2
#E6B2C2
#DABEC2
#CECAC2
#C1D7C2
#B5E3C2
#A6F2C2
Colorpallet from #F2C2A6 to #F2A6C2 and to #A6C2F2
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2BEAA
#F0BFAB
#EEBFAD
#ECC0AE
#EAC1AF
#E8C1B0
#E6C2B2
#F2B9AF
#EEBAB1
#EABCB4
#E6BDB6
#E3BFB9
#DFC0BB
#DAC2BE
#F2B5B3
#ECB7B7
#E6B9BA
#E1BBBE
#DBBDC2
#D5BFC5
#CEC2CA
#F2B0B8
#EAB3BD
#E2B6C2
#DAB9C7
#D3BCCC
#CBBED1
#C1C2D7
#F2ACBC
#E8B0C2
#DEB3C8
#D5B7CF
#CBBAD5
#C1BEDB
#B5C2E3
#F2A6C2
#E6AACA
#DAAFD1
#CEB3D9
#C1B8E1
#B5BCE8
#A6C2F2
Colorpallet from #F2C2A6 to #C2F2A6 and to #C2A6F2
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#EACAA6
#EAC8A8
#EAC6AA
#EAC4AC
#EAC2AE
#EAC0B0
#EABEB2
#E3D1A6
#E3CDAA
#E3C9AE
#E3C5B2
#E3C2B5
#E3BEB9
#E3B9BE
#DBD9A6
#DBD3AC
#DBCDB2
#DBC8B7
#DBC2BD
#DBBCC3
#DBB5CA
#D3E1A6
#D3D9AE
#D3D1B6
#D3C9BE
#D3C2C5
#D3BACD
#D3B0D7
#CCE8A6
#CCDEB0
#CCD5BA
#CCCBC3
#CCC2CD
#CCB8D7
#CCACE3
#C2F2A6
#C2E6B2
#C2DABE
#C2CECA
#C2C1D7
#C2B5E3
#C2A6F2
Colorpallet from #F2C2A6 to #C2F2A6 and to #A6F2C2
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#EACAA6
#E9CAA7
#E9CAA7
#E8CAA8
#E7CAA9
#E7CAA9
#E6CAAA
#E3D1A6
#E2D1A7
#E0D1A9
#DFD1AA
#DDD1AC
#DCD1AD
#DAD1AF
#DBD9A6
#D9D9A8
#D7D9AA
#D5D9AC
#D3D9AE
#D1D9B0
#CED9B3
#D3E1A6
#D0E1A9
#CDE1AC
#CAE1AF
#C7E1B2
#C5E1B4
#C1E1B8
#CCE8A6
#C8E8AA
#C5E8AD
#C1E8B1
#BDE8B4
#BAE8B8
#B5E8BC
#C2F2A6
#BEF2AA
#B9F2AF
#B5F2B3
#B0F2B8
#ACF2BC
#A6F2C2
Colorpallet from #F2C2A6 to #C2F2A6 and to #A6C2F2
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#EACAA6
#E9C9A8
#E9C7AA
#E8C6AC
#E7C5AE
#E7C4B0
#E6C2B2
#E3D1A6
#E2CFAA
#E0CCAE
#DFCAB2
#DDC7B5
#DCC5B9
#DAC2BE
#DBD9A6
#D9D5AC
#D7D2B2
#D5CEB7
#D3CABD
#D1C7C3
#CEC2CA
#D3E1A6
#D0DCAE
#CDD7B6
#CAD2BE
#C7CDC5
#C5C8CD
#C1C2D7
#CCE8A6
#C8E2B0
#C5DCBA
#C1D6C3
#BDD0CD
#BACAD7
#B5C2E3
#C2F2A6
#BEEAB2
#B9E3BE
#B5DBCA
#B0D3D7
#ACCCE3
#A6C2F2
Colorpallet from #F2C2A6 to #C2A6F2 and to #A6F2C2
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#EABEB2
#E9C0B1
#E9C2AF
#E8C4AE
#E7C6AD
#E7C8AC
#E6CAAA
#E3B9BE
#E2BDBC
#E0C1B9
#DFC5B7
#DDC8B4
#DCCCB2
#DAD1AF
#DBB5CA
#D9BBC6
#D7C1C3
#D5C6BF
#D3CCBB
#D1D2B8
#CED9B3
#D3B0D7
#D0B8D2
#CDC0CD
#CAC8C8
#C7CFC3
#C5D7BE
#C1E1B8
#CCACE3
#C8B6DD
#C5BFD7
#C1C9D0
#BDD2CA
#BADCC4
#B5E8BC
#C2A6F2
#BEB2EA
#B9BEE3
#B5CADB
#B0D7D3
#ACE3CC
#A6F2C2
Colorpallet from #F2C2A6 to #C2A6F2 and to #A6C2F2
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#EABEB2
#E9BFB2
#E9BFB2
#E8C0B2
#E7C1B2
#E7C1B2
#E6C2B2
#E3B9BE
#E2BABE
#E0BCBE
#DFBDBE
#DDBFBE
#DCC0BE
#DAC2BE
#DBB5CA
#D9B7CA
#D7B9CA
#D5BBCA
#D3BDCA
#D1BFCA
#CEC2CA
#D3B0D7
#D0B3D7
#CDB6D7
#CAB9D7
#C7BCD7
#C5BED7
#C1C2D7
#CCACE3
#C8B0E3
#C5B3E3
#C1B7E3
#BDBAE3
#BABEE3
#B5C2E3
#C2A6F2
#BEAAF2
#B9AFF2
#B5B3F2
#B0B8F2
#ACBCF2
#A6C2F2
Colorpallet from #F2C2A6 to #A6F2C2 and to #A6C2F2
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#F2C2A6
#E6CAAA
#E6C9AB
#E6C7AD
#E6C6AE
#E6C5AF
#E6C4B0
#E6C2B2
#DAD1AF
#DACFB1
#DACCB4
#DACAB6
#DAC7B9
#DAC5BB
#DAC2BE
#CED9B3
#CED5B7
#CED2BA
#CECEBE
#CECAC2
#CEC7C5
#CEC2CA
#C1E1B8
#C1DCBD
#C1D7C2
#C1D2C7
#C1CDCC
#C1C8D1
#C1C2D7
#B5E8BC
#B5E2C2
#B5DCC8
#B5D6CF
#B5D0D5
#B5CADB
#B5C2E3
#A6F2C2
#A6EACA
#A6E3D1
#A6DBD9
#A6D3E1
#A6CCE8
#A6C2F2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts