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 #F1A8D2 to #F1D2A8 and to #A8F1D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1AFCB
#EFB0CC
#EDB1CD
#EBB1CE
#E9B2CF
#E7B3D1
#E5B4D2
#F1B5C5
#EDB7C7
#EAB8C9
#E6BACB
#E2BBCD
#DFBDCF
#DABFD2
#F1BCBE
#EBBEC1
#E6C1C4
#E0C3C8
#DBC6CB
#D5C8CE
#CECBD2
#F1C3B7
#E9C6BB
#E2C9C0
#DACDC4
#D3D0C8
#CBD3CD
#C2D7D2
#F1CAB0
#E8CEB5
#DED2BB
#D5D6C0
#CCD9C6
#C3DDCB
#B7E2D2
#F1D2A8
#E5D7AF
#DADCB5
#CEE1BC
#C2E6C3
#B7EBCA
#A8F1D2
Colorpallet from #F1A8D2 to #F1D2A8 and to #A8D2F1
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1AFCB
#EFAFCD
#EDAFCF
#EBAFD1
#E9AFD3
#E7AFD5
#E5AFD7
#F1B5C5
#EDB5C9
#EAB5CC
#E6B5D0
#E2B5D4
#DFB5D7
#DAB5DC
#F1BCBE
#EBBCC4
#E6BCC9
#E0BCCF
#DBBCD4
#D5BCDA
#CEBCE1
#F1C3B7
#E9C3BF
#E2C3C6
#DAC3CE
#D3C3D5
#CBC3DD
#C2C3E6
#F1CAB0
#E8CAB9
#DECAC3
#D5CACC
#CCCAD6
#C3CADF
#B7CAEB
#F1D2A8
#E5D2B4
#DAD2BF
#CED2CB
#C2D2D7
#B7D2E2
#A8D2F1
Colorpallet from #F1A8D2 to #F1D2A8 and to #D2F1A8
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1AFCB
#F0B0CB
#EFB1CB
#EFB1CB
#EEB2CB
#EDB3CB
#ECB4CB
#F1B5C5
#EFB7C5
#EEB8C5
#ECBAC5
#EBBBC5
#E9BDC5
#E7BFC5
#F1BCBE
#EFBEBE
#ECC1BE
#EAC3BE
#E7C6BE
#E5C8BE
#E2CBBE
#F1C3B7
#EEC6B7
#EBC9B7
#E7CDB7
#E4D0B7
#E1D3B7
#DDD7B7
#F1CAB0
#EDCEB0
#E9D2B0
#E5D6B0
#E1D9B0
#DDDDB0
#D8E2B0
#F1D2A8
#ECD7A8
#E7DCA8
#E2E1A8
#DDE6A8
#D8EBA8
#D2F1A8
Colorpallet from #F1A8D2 to #F1D2A8 and to #D2A8F1
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1AFCB
#F0AECD
#EFADCF
#EFACD1
#EEABD3
#EDA9D5
#ECA8D7
#F1B5C5
#EFB3C9
#EEB1CC
#ECAFD0
#EBADD4
#E9ABD7
#E7A8DC
#F1BCBE
#EFB9C4
#ECB6C9
#EAB2CF
#E7AFD4
#E5ACDA
#E2A8E1
#F1C3B7
#EEBFBF
#EBBAC6
#E7B6CE
#E4B2D5
#E1ADDD
#DDA8E6
#F1CAB0
#EDC5B9
#E9BFC3
#E5BACC
#E1B4D6
#DDAFDF
#D8A8EB
#F1D2A8
#ECCBB4
#E7C5BF
#E2BECB
#DDB7D7
#D8B0E2
#D2A8F1
Colorpallet from #F1A8D2 to #A8F1D2 and to #A8D2F1
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#E5B4D2
#E5B3D3
#E5B2D4
#E5B2D4
#E5B1D5
#E5B0D6
#E5AFD7
#DABFD2
#DABDD4
#DABCD5
#DABAD7
#DAB9D8
#DAB7DA
#DAB5DC
#CECBD2
#CEC9D4
#CEC6D7
#CEC4D9
#CEC1DC
#CEBFDE
#CEBCE1
#C2D7D2
#C2D4D5
#C2D1D8
#C2CDDC
#C2CADF
#C2C7E2
#C2C3E6
#B7E2D2
#B7DED6
#B7DADA
#B7D6DE
#B7D3E2
#B7CFE6
#B7CAEB
#A8F1D2
#A8ECD7
#A8E7DC
#A8E2E1
#A8DDE6
#A8D8EB
#A8D2F1
Colorpallet from #F1A8D2 to #A8F1D2 and to #D2F1A8
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#E5B4D2
#E6B4D1
#E7B4D0
#E8B4CF
#E9B4CE
#EBB4CC
#ECB4CB
#DABFD2
#DCBFD0
#DEBFCE
#E0BFCC
#E2BFCA
#E4BFC8
#E7BFC5
#CECBD2
#D1CBCF
#D4CBCC
#D8CBC8
#DBCBC5
#DECBC2
#E2CBBE
#C2D7D2
#C6D7CE
#CBD7C9
#CFD7C5
#D3D7C1
#D8D7BC
#DDD7B7
#B7E2D2
#BCE2CD
#C2E2C7
#C7E2C2
#CCE2BC
#D1E2B7
#D8E2B0
#A8F1D2
#AFF1CB
#B5F1C5
#BCF1BE
#C3F1B7
#CAF1B0
#D2F1A8
Colorpallet from #F1A8D2 to #A8F1D2 and to #D2A8F1
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#E5B4D2
#E6B2D3
#E7B0D4
#E8AED4
#E9ACD5
#EBAAD6
#ECA8D7
#DABFD2
#DCBBD4
#DEB8D5
#E0B4D7
#E2B0D8
#E4ADDA
#E7A8DC
#CECBD2
#D1C5D4
#D4C0D7
#D8BAD9
#DBB5DC
#DEAFDE
#E2A8E1
#C2D7D2
#C6CFD5
#CBC8D8
#CFC0DC
#D3B9DF
#D8B1E2
#DDA8E6
#B7E2D2
#BCD9D6
#C2CFDA
#C7C6DE
#CCBDE2
#D1B4E6
#D8A8EB
#A8F1D2
#AFE5D7
#B5DADC
#BCCEE1
#C3C2E6
#CAB7EB
#D2A8F1
Colorpallet from #F1A8D2 to #A8D2F1 and to #D2F1A8
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#E5AFD7
#E6B0D5
#E7B1D3
#E8B1D1
#E9B2CF
#EBB3CD
#ECB4CB
#DAB5DC
#DCB7D8
#DEB8D5
#E0BAD1
#E2BBCD
#E4BDCA
#E7BFC5
#CEBCE1
#D1BEDB
#D4C1D6
#D8C3D0
#DBC6CB
#DEC8C5
#E2CBBE
#C2C3E6
#C6C6DE
#CBC9D7
#CFCDCF
#D3D0C8
#D8D3C0
#DDD7B7
#B7CAEB
#BCCEE2
#C2D2D8
#C7D6CF
#CCD9C5
#D1DDBC
#D8E2B0
#A8D2F1
#AFD7E5
#B5DCDA
#BCE1CE
#C3E6C2
#CAEBB7
#D2F1A8
Colorpallet from #F1A8D2 to #A8D2F1 and to #D2A8F1
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#E5AFD7
#E6AED7
#E7ADD7
#E8ACD7
#E9ABD7
#EBA9D7
#ECA8D7
#DAB5DC
#DCB3DC
#DEB1DC
#E0AFDC
#E2ADDC
#E4ABDC
#E7A8DC
#CEBCE1
#D1B9E1
#D4B6E1
#D8B2E1
#DBAFE1
#DEACE1
#E2A8E1
#C2C3E6
#C6BFE6
#CBBAE6
#CFB6E6
#D3B2E6
#D8ADE6
#DDA8E6
#B7CAEB
#BCC5EB
#C2BFEB
#C7BAEB
#CCB4EB
#D1AFEB
#D8A8EB
#A8D2F1
#AFCBF1
#B5C5F1
#BCBEF1
#C3B7F1
#CAB0F1
#D2A8F1
Colorpallet from #F1A8D2 to #D2F1A8 and to #D2A8F1
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#F1A8D2
#ECB4CB
#ECB2CD
#ECB0CF
#ECAED1
#ECACD3
#ECAAD5
#ECA8D7
#E7BFC5
#E7BBC9
#E7B8CC
#E7B4D0
#E7B0D4
#E7ADD7
#E7A8DC
#E2CBBE
#E2C5C4
#E2C0C9
#E2BACF
#E2B5D4
#E2AFDA
#E2A8E1
#DDD7B7
#DDCFBF
#DDC8C6
#DDC0CE
#DDB9D5
#DDB1DD
#DDA8E6
#D8E2B0
#D8D9B9
#D8CFC3
#D8C6CC
#D8BDD6
#D8B4DF
#D8A8EB
#D2F1A8
#D2E5B4
#D2DABF
#D2CECB
#D2C2D7
#D2B7E2
#D2A8F1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
