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 #F2A2D6 to #F2D6A2 and to #A2F2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2AACE
#F0ABCF
#EEACD1
#ECACD2
#EAADD3
#E8AED4
#E5AFD6
#F2B3C5
#EEB4C8
#EAB6CA
#E6B7CD
#E1B9D0
#DDBAD3
#D8BCD6
#F2BBBD
#ECBDC1
#E6BFC5
#E0C1C9
#DAC3CD
#D4C5D1
#CCC8D6
#F2C3B5
#EAC6BA
#E2C9C0
#DACCC5
#D1CFCA
#C9D1CF
#BFD5D6
#F2CCAC
#E8D0B3
#DED3B9
#D3D7C0
#C9DAC7
#BFDECE
#B2E2D6
#F2D6A2
#E5DAAA
#D8DFB3
#CCE3BB
#BFE8C3
#B2ECCC
#A2F2D6
Colorpallet from #F2A2D6 to #F2D6A2 and to #A2D6F2
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2AACE
#F0AAD0
#EEAAD2
#ECAAD4
#EAAAD6
#E8AAD8
#E5AADA
#F2B3C5
#EEB3C9
#EAB3CD
#E6B3D1
#E1B3D6
#DDB3DA
#D8B3DF
#F2BBBD
#ECBBC3
#E6BBC9
#E0BBCF
#DABBD5
#D4BBDB
#CCBBE3
#F2C3B5
#EAC3BD
#E2C3C5
#DAC3CD
#D1C3D6
#C9C3DE
#BFC3E8
#F2CCAC
#E8CCB6
#DECCC0
#D3CCCB
#C9CCD5
#BFCCDF
#B2CCEC
#F2D6A2
#E5D6AF
#D8D6BC
#CCD6C8
#BFD6D5
#B2D6E2
#A2D6F2
Colorpallet from #F2A2D6 to #F2D6A2 and to #D6F2A2
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2AACE
#F1ABCE
#F1ACCE
#F0ACCE
#EFADCE
#EFAECE
#EEAFCE
#F2B3C5
#F1B4C5
#EFB6C5
#EEB7C5
#ECB9C5
#EBBAC5
#E9BCC5
#F2BBBD
#F0BDBD
#EEBFBD
#ECC1BD
#EAC3BD
#E8C5BD
#E5C8BD
#F2C3B5
#EFC6B5
#ECC9B5
#E9CCB5
#E6CFB5
#E4D1B5
#E0D5B5
#F2CCAC
#EED0AC
#EBD3AC
#E7D7AC
#E4DAAC
#E0DEAC
#DCE2AC
#F2D6A2
#EEDAA2
#E9DFA2
#E5E3A2
#E0E8A2
#DCECA2
#D6F2A2
Colorpallet from #F2A2D6 to #F2D6A2 and to #D6A2F2
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2AACE
#F1A9D0
#F1A7D2
#F0A6D4
#EFA5D6
#EFA4D8
#EEA2DA
#F2B3C5
#F1B0C9
#EFAECD
#EEABD1
#ECA8D6
#EBA5DA
#E9A2DF
#F2BBBD
#F0B7C3
#EEB3C9
#ECAFCF
#EAABD5
#E8A7DB
#E5A2E3
#F2C3B5
#EFBEBD
#ECB8C5
#E9B3CD
#E6AED6
#E4A9DE
#E0A2E8
#F2CCAC
#EEC5B6
#EBBFC0
#E7B8CB
#E4B1D5
#E0AADF
#DCA2EC
#F2D6A2
#EECEAF
#E9C5BC
#E5BDC8
#E0B5D5
#DCACE2
#D6A2F2
Colorpallet from #F2A2D6 to #A2F2D6 and to #A2D6F2
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#E5AFD6
#E5AED7
#E5ADD7
#E5ADD8
#E5ACD9
#E5ABD9
#E5AADA
#D8BCD6
#D8BBD7
#D8B9D9
#D8B8DA
#D8B6DC
#D8B5DD
#D8B3DF
#CCC8D6
#CCC6D8
#CCC4DA
#CCC2DC
#CCC0DE
#CCBEE0
#CCBBE3
#BFD5D6
#BFD2D9
#BFCFDC
#BFCCDF
#BFC9E2
#BFC7E4
#BFC3E8
#B2E2D6
#B2DEDA
#B2DBDD
#B2D7E1
#B2D4E4
#B2D0E8
#B2CCEC
#A2F2D6
#A2EEDA
#A2E9DF
#A2E5E3
#A2E0E8
#A2DCEC
#A2D6F2
Colorpallet from #F2A2D6 to #A2F2D6 and to #D6F2A2
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#E5AFD6
#E6AFD5
#E8AFD3
#E9AFD2
#EBAFD1
#ECAFD0
#EEAFCE
#D8BCD6
#DBBCD3
#DDBCD1
#E0BCCE
#E3BCCB
#E6BCC8
#E9BCC5
#CCC8D6
#D0C8D2
#D4C8CE
#D8C8CA
#DCC8C6
#E0C8C2
#E5C8BD
#BFD5D6
#C4D5D1
#CAD5CB
#CFD5C6
#D4D5C1
#D9D5BC
#E0D5B5
#B2E2D6
#B9E2CF
#BFE2C9
#C6E2C2
#CDE2BB
#D4E2B4
#DCE2AC
#A2F2D6
#AAF2CE
#B3F2C5
#BBF2BD
#C3F2B5
#CCF2AC
#D6F2A2
Colorpallet from #F2A2D6 to #A2F2D6 and to #D6A2F2
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#E5AFD6
#E6ADD7
#E8ABD7
#E9A9D8
#EBA7D9
#ECA5D9
#EEA2DA
#D8BCD6
#DBB8D7
#DDB4D9
#E0B0DA
#E3ABDC
#E6A7DD
#E9A2DF
#CCC8D6
#D0C2D8
#D4BCDA
#D8B6DC
#DCB0DE
#E0AAE0
#E5A2E3
#BFD5D6
#C4CDD9
#CAC5DC
#CFBDDF
#D4B4E2
#D9ACE4
#E0A2E8
#B2E2D6
#B9D8DA
#BFCEDD
#C6C3E1
#CDB9E4
#D4AFE8
#DCA2EC
#A2F2D6
#AAE5DA
#B3D8DF
#BBCCE3
#C3BFE8
#CCB2EC
#D6A2F2
Colorpallet from #F2A2D6 to #A2D6F2 and to #D6F2A2
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#E5AADA
#E6ABD8
#E8ACD6
#E9ACD4
#EBADD2
#ECAED0
#EEAFCE
#D8B3DF
#DBB4DB
#DDB6D7
#E0B7D3
#E3B9CE
#E6BACA
#E9BCC5
#CCBBE3
#D0BDDD
#D4BFD7
#D8C1D1
#DCC3CB
#E0C5C5
#E5C8BD
#BFC3E8
#C4C6E0
#CAC9D8
#CFCCD0
#D4CFC7
#D9D1BF
#E0D5B5
#B2CCEC
#B9D0E2
#BFD3D8
#C6D7CD
#CDDAC3
#D4DEB9
#DCE2AC
#A2D6F2
#AADAE5
#B3DFD8
#BBE3CC
#C3E8BF
#CCECB2
#D6F2A2
Colorpallet from #F2A2D6 to #A2D6F2 and to #D6A2F2
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#E5AADA
#E6A9DA
#E8A7DA
#E9A6DA
#EBA5DA
#ECA4DA
#EEA2DA
#D8B3DF
#DBB0DF
#DDAEDF
#E0ABDF
#E3A8DF
#E6A5DF
#E9A2DF
#CCBBE3
#D0B7E3
#D4B3E3
#D8AFE3
#DCABE3
#E0A7E3
#E5A2E3
#BFC3E8
#C4BEE8
#CAB8E8
#CFB3E8
#D4AEE8
#D9A9E8
#E0A2E8
#B2CCEC
#B9C5EC
#BFBFEC
#C6B8EC
#CDB1EC
#D4AAEC
#DCA2EC
#A2D6F2
#AACEF2
#B3C5F2
#BBBDF2
#C3B5F2
#CCACF2
#D6A2F2
Colorpallet from #F2A2D6 to #D6F2A2 and to #D6A2F2
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#F2A2D6
#EEAFCE
#EEADD0
#EEABD2
#EEA9D4
#EEA7D6
#EEA5D8
#EEA2DA
#E9BCC5
#E9B8C9
#E9B4CD
#E9B0D1
#E9ABD6
#E9A7DA
#E9A2DF
#E5C8BD
#E5C2C3
#E5BCC9
#E5B6CF
#E5B0D5
#E5AADB
#E5A2E3
#E0D5B5
#E0CDBD
#E0C5C5
#E0BDCD
#E0B4D6
#E0ACDE
#E0A2E8
#DCE2AC
#DCD8B6
#DCCEC0
#DCC3CB
#DCB9D5
#DCAFDF
#DCA2EC
#D6F2A2
#D6E5AF
#D6D8BC
#D6CCC8
#D6BFD5
#D6B2E2
#D6A2F2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts