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 #BAECD1 to #BAD1EC and to #ECBAD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAE8D5
#BBE7D4
#BDE7D4
#BEE6D3
#BFE5D2
#C0E5D2
#C2E4D1
#BAE3DA
#BDE2D9
#BFE1D7
#C2E0D6
#C4DFD4
#C7DDD3
#CADCD1
#BADFDE
#BEDDDC
#C2DBDA
#C6DAD8
#C9D8D6
#CDD6D4
#D2D4D1
#BADBE2
#BFD9DF
#C4D6DD
#C9D4DA
#CED1D7
#D4CFD4
#DACCD1
#BAD6E7
#C0D3E3
#C7D0E0
#CDCDDC
#D4CAD9
#DAC8D5
#E2C4D1
#BAD1EC
#C2CDE8
#CACAE3
#D2C6DF
#DAC2DB
#E2BFD6
#ECBAD1
Colorpallet from #BAECD1 to #BAD1EC and to #ECD1BA
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAE8D5
#BBE8D4
#BDE8D2
#BEE8D1
#BFE8D0
#C0E8CF
#C2E8CD
#BAE3DA
#BDE3D7
#BFE3D5
#C2E3D2
#C4E3D0
#C7E3CD
#CAE3CA
#BADFDE
#BEDFDA
#C2DFD6
#C6DFD2
#C9DFCF
#CDDFCB
#D2DFC6
#BADBE2
#BFDBDD
#C4DBD8
#C9DBD3
#CEDBCE
#D4DBC8
#DADBC2
#BAD6E7
#C0D6E1
#C7D6DA
#CDD6D4
#D4D6CD
#DAD6C7
#E2D6BF
#BAD1EC
#C2D1E4
#CAD1DC
#D2D1D4
#DAD1CC
#E2D1C4
#ECD1BA
Colorpallet from #BAECD1 to #BAD1EC and to #D1BAEC
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAE8D5
#BBE7D5
#BBE7D5
#BCE6D5
#BDE5D5
#BDE5D5
#BEE4D5
#BAE3DA
#BBE2DA
#BCE1DA
#BDE0DA
#BEDFDA
#C0DDDA
#C1DCDA
#BADFDE
#BCDDDE
#BEDBDE
#BFDADE
#C1D8DE
#C3D6DE
#C5D4DE
#BADBE2
#BCD9E2
#BFD6E2
#C1D4E2
#C4D1E2
#C6CFE2
#C9CCE2
#BAD6E7
#BDD3E7
#C0D0E7
#C3CDE7
#C6CAE7
#C8C8E7
#CCC4E7
#BAD1EC
#BECDEC
#C1CAEC
#C5C6EC
#C9C2EC
#CCBFEC
#D1BAEC
Colorpallet from #BAECD1 to #BAD1EC and to #D1ECBA
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAE8D5
#BBE9D4
#BBE9D2
#BCEAD1
#BDEBD0
#BDEBCF
#BEECCD
#BAE3DA
#BBE4D7
#BCE6D5
#BDE7D2
#BEE9D0
#C0EACD
#C1ECCA
#BADFDE
#BCE1DA
#BEE3D6
#BFE5D2
#C1E7CF
#C3E9CB
#C5ECC6
#BADBE2
#BCDEDD
#BFE0D8
#C1E3D3
#C4E6CE
#C6E9C8
#C9ECC2
#BAD6E7
#BDDAE1
#C0DDDA
#C3E1D4
#C6E4CD
#C8E8C7
#CCECBF
#BAD1EC
#BED5E4
#C1DADC
#C5DED4
#C9E2CC
#CCE7C4
#D1ECBA
Colorpallet from #BAECD1 to #ECBAD1 and to #ECD1BA
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#C2E4D1
#C2E5D0
#C2E5D0
#C2E6CF
#C2E7CE
#C2E7CE
#C2E8CD
#CADCD1
#CADDD0
#CADECF
#CADFCE
#CAE0CD
#CAE2CB
#CAE3CA
#D2D4D1
#D2D6CF
#D2D8CD
#D2D9CC
#D2DBCA
#D2DDC8
#D2DFC6
#DACCD1
#DACECF
#DAD1CC
#DAD3CA
#DAD6C7
#DAD8C5
#DADBC2
#E2C4D1
#E2C7CE
#E2CACB
#E2CDC8
#E2D0C5
#E2D2C3
#E2D6BF
#ECBAD1
#ECBECD
#ECC1CA
#ECC5C6
#ECC9C2
#ECCCBF
#ECD1BA
Colorpallet from #BAECD1 to #ECBAD1 and to #D1BAEC
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#C2E4D1
#C1E4D2
#C1E4D2
#C0E4D3
#BFE4D4
#BFE4D4
#BEE4D5
#CADCD1
#C9DCD2
#C7DCD4
#C6DCD5
#C4DCD7
#C3DCD8
#C1DCDA
#D2D4D1
#D0D4D3
#CED4D5
#CCD4D7
#CAD4D9
#C8D4DB
#C5D4DE
#DACCD1
#D7CCD4
#D5CCD6
#D2CCD9
#CFCCDC
#CCCCDF
#C9CCE2
#E2C4D1
#DEC4D5
#DBC4D8
#D7C4DC
#D4C4DF
#D0C4E3
#CCC4E7
#ECBAD1
#E8BAD5
#E3BADA
#DFBADE
#DBBAE2
#D6BAE7
#D1BAEC
Colorpallet from #BAECD1 to #ECBAD1 and to #D1ECBA
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#C2E4D1
#C1E5D0
#C1E7D0
#C0E8CF
#BFE9CE
#BFEACE
#BEECCD
#CADCD1
#C9DFD0
#C7E1CF
#C6E4CE
#C4E6CD
#C3E9CB
#C1ECCA
#D2D4D1
#D0D8CF
#CEDCCD
#CCE0CC
#CAE3CA
#C8E7C8
#C5ECC6
#DACCD1
#D7D1CF
#D5D6CC
#D2DBCA
#CFE0C7
#CCE6C5
#C9ECC2
#E2C4D1
#DECACE
#DBD1CB
#D7D7C8
#D4DEC5
#D0E4C3
#CCECBF
#ECBAD1
#E8C2CD
#E3CACA
#DFD2C6
#DBDAC2
#D6E2BF
#D1ECBA
Colorpallet from #BAECD1 to #ECD1BA and to #D1BAEC
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#C2E8CD
#C1E7CE
#C1E7D0
#C0E6D1
#BFE5D2
#BFE5D3
#BEE4D5
#CAE3CA
#C9E2CD
#C7E1CF
#C6E0D2
#C4DFD4
#C3DDD7
#C1DCDA
#D2DFC6
#D0DDCA
#CEDBCE
#CCDAD2
#CAD8D5
#C8D6D9
#C5D4DE
#DADBC2
#D7D9C7
#D5D6CC
#D2D4D1
#CFD1D6
#CCCFDC
#C9CCE2
#E2D6BF
#DED3C5
#DBD0CC
#D7CDD2
#D4CAD9
#D0C8DF
#CCC4E7
#ECD1BA
#E8CDC2
#E3CACA
#DFC6D2
#DBC2DA
#D6BFE2
#D1BAEC
Colorpallet from #BAECD1 to #ECD1BA and to #D1ECBA
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#C2E8CD
#C1E9CD
#C1E9CD
#C0EACD
#BFEBCD
#BFEBCD
#BEECCD
#CAE3CA
#C9E4CA
#C7E6CA
#C6E7CA
#C4E9CA
#C3EACA
#C1ECCA
#D2DFC6
#D0E1C6
#CEE3C6
#CCE5C6
#CAE7C6
#C8E9C6
#C5ECC6
#DADBC2
#D7DEC2
#D5E0C2
#D2E3C2
#CFE6C2
#CCE9C2
#C9ECC2
#E2D6BF
#DEDABF
#DBDDBF
#D7E1BF
#D4E4BF
#D0E8BF
#CCECBF
#ECD1BA
#E8D5BA
#E3DABA
#DFDEBA
#DBE2BA
#D6E7BA
#D1ECBA
Colorpallet from #BAECD1 to #D1BAEC and to #D1ECBA
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BAECD1
#BEE4D5
#BEE5D4
#BEE7D2
#BEE8D1
#BEE9D0
#BEEACF
#BEECCD
#C1DCDA
#C1DFD7
#C1E1D5
#C1E4D2
#C1E6D0
#C1E9CD
#C1ECCA
#C5D4DE
#C5D8DA
#C5DCD6
#C5E0D2
#C5E3CF
#C5E7CB
#C5ECC6
#C9CCE2
#C9D1DD
#C9D6D8
#C9DBD3
#C9E0CE
#C9E6C8
#C9ECC2
#CCC4E7
#CCCAE1
#CCD1DA
#CCD7D4
#CCDECD
#CCE4C7
#CCECBF
#D1BAEC
#D1C2E4
#D1CADC
#D1D2D4
#D1DACC
#D1E2C4
#D1ECBA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts