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 #F2D6A2 to #F2A2D6 and to #D6F2A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2CEAA
#F1D0A9
#F1D2A7
#F0D4A6
#EFD6A5
#EFD8A4
#EEDAA2
#F2C5B3
#F1C9B0
#EFCDAE
#EED1AB
#ECD6A8
#EBDAA5
#E9DFA2
#F2BDBB
#F0C3B7
#EEC9B3
#ECCFAF
#EAD5AB
#E8DBA7
#E5E3A2
#F2B5C3
#EFBDBE
#ECC5B8
#E9CDB3
#E6D6AE
#E4DEA9
#E0E8A2
#F2ACCC
#EEB6C5
#EBC0BF
#E7CBB8
#E4D5B1
#E0DFAA
#DCECA2
#F2A2D6
#EEAFCE
#E9BCC5
#E5C8BD
#E0D5B5
#DCE2AC
#D6F2A2
Colorpallet from #F2D6A2 to #F2A2D6 and to #D6A2F2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2CEAA
#F1CEAB
#F1CEAC
#F0CEAC
#EFCEAD
#EFCEAE
#EECEAF
#F2C5B3
#F1C5B4
#EFC5B6
#EEC5B7
#ECC5B9
#EBC5BA
#E9C5BC
#F2BDBB
#F0BDBD
#EEBDBF
#ECBDC1
#EABDC3
#E8BDC5
#E5BDC8
#F2B5C3
#EFB5C6
#ECB5C9
#E9B5CC
#E6B5CF
#E4B5D1
#E0B5D5
#F2ACCC
#EEACD0
#EBACD3
#E7ACD7
#E4ACDA
#E0ACDE
#DCACE2
#F2A2D6
#EEA2DA
#E9A2DF
#E5A2E3
#E0A2E8
#DCA2EC
#D6A2F2
Colorpallet from #F2D6A2 to #F2A2D6 and to #A2F2D6
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2CEAA
#F0D0AA
#EED2AA
#ECD4AA
#EAD6AA
#E8D8AA
#E5DAAA
#F2C5B3
#EEC9B3
#EACDB3
#E6D1B3
#E1D6B3
#DDDAB3
#D8DFB3
#F2BDBB
#ECC3BB
#E6C9BB
#E0CFBB
#DAD5BB
#D4DBBB
#CCE3BB
#F2B5C3
#EABDC3
#E2C5C3
#DACDC3
#D1D6C3
#C9DEC3
#BFE8C3
#F2ACCC
#E8B6CC
#DEC0CC
#D3CBCC
#C9D5CC
#BFDFCC
#B2ECCC
#F2A2D6
#E5AFD6
#D8BCD6
#CCC8D6
#BFD5D6
#B2E2D6
#A2F2D6
Colorpallet from #F2D6A2 to #F2A2D6 and to #A2D6F2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2CEAA
#F0CFAB
#EED1AC
#ECD2AC
#EAD3AD
#E8D4AE
#E5D6AF
#F2C5B3
#EEC8B4
#EACAB6
#E6CDB7
#E1D0B9
#DDD3BA
#D8D6BC
#F2BDBB
#ECC1BD
#E6C5BF
#E0C9C1
#DACDC3
#D4D1C5
#CCD6C8
#F2B5C3
#EABAC6
#E2C0C9
#DAC5CC
#D1CACF
#C9CFD1
#BFD6D5
#F2ACCC
#E8B3D0
#DEB9D3
#D3C0D7
#C9C7DA
#BFCEDE
#B2D6E2
#F2A2D6
#E5AADA
#D8B3DF
#CCBBE3
#BFC3E8
#B2CCEC
#A2D6F2
Colorpallet from #F2D6A2 to #D6F2A2 and to #D6A2F2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#EEDAA2
#EED8A4
#EED6A6
#EED4A8
#EED2AA
#EED0AC
#EECEAF
#E9DFA2
#E9DBA6
#E9D7AA
#E9D3AE
#E9CEB3
#E9CAB7
#E9C5BC
#E5E3A2
#E5DDA8
#E5D7AE
#E5D1B4
#E5CBBA
#E5C5C0
#E5BDC8
#E0E8A2
#E0E0AA
#E0D8B2
#E0D0BA
#E0C7C3
#E0BFCB
#E0B5D5
#DCECA2
#DCE2AC
#DCD8B6
#DCCDC1
#DCC3CB
#DCB9D5
#DCACE2
#D6F2A2
#D6E5AF
#D6D8BC
#D6CCC8
#D6BFD5
#D6B2E2
#D6A2F2
Colorpallet from #F2D6A2 to #D6F2A2 and to #A2F2D6
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#EEDAA2
#EDDAA3
#EBDAA5
#EADAA6
#E8DAA7
#E7DAA8
#E5DAAA
#E9DFA2
#E6DFA5
#E4DFA7
#E1DFAA
#DEDFAD
#DBDFB0
#D8DFB3
#E5E3A2
#E1E3A6
#DDE3AA
#D9E3AE
#D5E3B2
#D1E3B6
#CCE3BB
#E0E8A2
#DBE8A7
#D5E8AD
#D0E8B2
#CBE8B7
#C6E8BC
#BFE8C3
#DCECA2
#D5ECA9
#CFECAF
#C8ECB6
#C1ECBD
#BAECC4
#B2ECCC
#D6F2A2
#CEF2AA
#C5F2B3
#BDF2BB
#B5F2C3
#ACF2CC
#A2F2D6
Colorpallet from #F2D6A2 to #D6F2A2 and to #A2D6F2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#EEDAA2
#EDD9A4
#EBD9A6
#EAD8A8
#E8D7AA
#E7D7AC
#E5D6AF
#E9DFA2
#E6DEA6
#E4DCAA
#E1DBAE
#DED9B3
#DBD8B7
#D8D6BC
#E5E3A2
#E1E1A8
#DDDFAE
#D9DDB4
#D5DBBA
#D1D9C0
#CCD6C8
#E0E8A2
#DBE5AA
#D5E2B2
#D0DFBA
#CBDCC3
#C6DACB
#BFD6D5
#DCECA2
#D5E8AC
#CFE5B6
#C8E1C1
#C1DECB
#BADAD5
#B2D6E2
#D6F2A2
#CEEEAF
#C5E9BC
#BDE5C8
#B5E0D5
#ACDCE2
#A2D6F2
Colorpallet from #F2D6A2 to #D6A2F2 and to #A2F2D6
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#EECEAF
#EDD0AE
#EBD2AD
#EAD4AD
#E8D6AC
#E7D8AB
#E5DAAA
#E9C5BC
#E6C9BB
#E4CDB9
#E1D1B8
#DED6B6
#DBDAB5
#D8DFB3
#E5BDC8
#E1C3C6
#DDC9C4
#D9CFC2
#D5D5C0
#D1DBBE
#CCE3BB
#E0B5D5
#DBBDD2
#D5C5CF
#D0CDCC
#CBD6C9
#C6DEC7
#BFE8C3
#DCACE2
#D5B6DE
#CFC0DB
#C8CBD7
#C1D5D4
#BADFD0
#B2ECCC
#D6A2F2
#CEAFEE
#C5BCE9
#BDC8E5
#B5D5E0
#ACE2DC
#A2F2D6
Colorpallet from #F2D6A2 to #D6A2F2 and to #A2D6F2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#EECEAF
#EDCFAF
#EBD1AF
#EAD2AF
#E8D3AF
#E7D4AF
#E5D6AF
#E9C5BC
#E6C8BC
#E4CABC
#E1CDBC
#DED0BC
#DBD3BC
#D8D6BC
#E5BDC8
#E1C1C8
#DDC5C8
#D9C9C8
#D5CDC8
#D1D1C8
#CCD6C8
#E0B5D5
#DBBAD5
#D5C0D5
#D0C5D5
#CBCAD5
#C6CFD5
#BFD6D5
#DCACE2
#D5B3E2
#CFB9E2
#C8C0E2
#C1C7E2
#BACEE2
#B2D6E2
#D6A2F2
#CEAAF2
#C5B3F2
#BDBBF2
#B5C3F2
#ACCCF2
#A2D6F2
Colorpallet from #F2D6A2 to #A2F2D6 and to #A2D6F2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#F2D6A2
#E5DAAA
#E5D9AB
#E5D9AC
#E5D8AC
#E5D7AD
#E5D7AE
#E5D6AF
#D8DFB3
#D8DEB4
#D8DCB6
#D8DBB7
#D8D9B9
#D8D8BA
#D8D6BC
#CCE3BB
#CCE1BD
#CCDFBF
#CCDDC1
#CCDBC3
#CCD9C5
#CCD6C8
#BFE8C3
#BFE5C6
#BFE2C9
#BFDFCC
#BFDCCF
#BFDAD1
#BFD6D5
#B2ECCC
#B2E8D0
#B2E5D3
#B2E1D7
#B2DEDA
#B2DADE
#B2D6E2
#A2F2D6
#A2EEDA
#A2E9DF
#A2E5E3
#A2E0E8
#A2DCEC
#A2D6F2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts