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 #BAECDF to #BADFEC and to #ECBADF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAEAE1
#BBE9E1
#BDE8E0
#BEE7E0
#BFE6E0
#C0E5DF
#C2E4DF
#BAE8E3
#BDE6E2
#BFE4E2
#C2E2E1
#C4E0E0
#C7DEE0
#CADCDF
#BAE6E5
#BEE3E4
#C2E0E3
#C6DDE2
#C9DAE1
#CDD8E0
#D2D4DF
#BAE4E7
#BFE0E6
#C4DCE4
#C9D8E3
#CED5E2
#D4D1E1
#DACCDF
#BAE2E9
#C0DDE7
#C7D8E6
#CDD4E4
#D4CFE3
#DACAE1
#E2C4DF
#BADFEC
#C2D9EA
#CAD3E8
#D2CDE6
#DAC7E4
#E2C1E2
#ECBADF
Colorpallet from #BAECDF to #BADFEC and to #ECDFBA
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAEAE1
#BBEAE0
#BDEADE
#BEEADD
#BFEADC
#C0EADB
#C2EAD9
#BAE8E3
#BDE8E0
#BFE8DE
#C2E8DB
#C4E8D9
#C7E8D6
#CAE8D3
#BAE6E5
#BEE6E1
#C2E6DD
#C6E6D9
#C9E6D6
#CDE6D2
#D2E6CD
#BAE4E7
#BFE4E2
#C4E4DD
#C9E4D8
#CEE4D3
#D4E4CD
#DAE4C7
#BAE2E9
#C0E2E3
#C7E2DC
#CDE2D6
#D4E2CF
#DAE2C9
#E2E2C1
#BADFEC
#C2DFE4
#CADFDC
#D2DFD4
#DADFCC
#E2DFC4
#ECDFBA
Colorpallet from #BAECDF to #BADFEC and to #DFBAEC
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAEAE1
#BBE9E1
#BCE8E1
#BDE7E1
#BEE6E1
#BFE5E1
#C0E4E1
#BAE8E3
#BCE6E3
#BEE4E3
#C0E2E3
#C2E0E3
#C4DEE3
#C6DCE3
#BAE6E5
#BDE3E5
#C0E0E5
#C3DDE5
#C6DAE5
#C8D8E5
#CCD4E5
#BAE4E7
#BEE0E7
#C2DCE7
#C6D8E7
#C9D5E7
#CDD1E7
#D2CCE7
#BAE2E9
#BFDDE9
#C4D8E9
#C8D4E9
#CDCFE9
#D2CAE9
#D8C4E9
#BADFEC
#C0D9EC
#C6D3EC
#CCCDEC
#D2C7EC
#D8C1EC
#DFBAEC
Colorpallet from #BAECDF to #BADFEC and to #DFECBA
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAEAE1
#BBEAE0
#BCEBDE
#BDEBDD
#BEEBDC
#BFECDB
#C0ECD9
#BAE8E3
#BCE9E0
#BEE9DE
#C0EADB
#C2EBD9
#C4EBD6
#C6ECD3
#BAE6E5
#BDE7E1
#C0E8DD
#C3E9D9
#C6EAD6
#C8EBD2
#CCECCD
#BAE4E7
#BEE5E2
#C2E7DD
#C6E8D8
#C9E9D3
#CDEACD
#D2ECC7
#BAE2E9
#BFE4E3
#C4E5DC
#C8E7D6
#CDE8CF
#D2EAC9
#D8ECC1
#BADFEC
#C0E1E4
#C6E3DC
#CCE5D4
#D2E7CC
#D8E9C4
#DFECBA
Colorpallet from #BAECDF to #ECBADF and to #ECDFBA
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#C2E4DF
#C2E5DE
#C2E6DD
#C2E7DC
#C2E8DB
#C2E9DA
#C2EAD9
#CADCDF
#CADEDD
#CAE0DB
#CAE2D9
#CAE4D7
#CAE6D5
#CAE8D3
#D2D4DF
#D2D7DC
#D2DAD9
#D2DDD6
#D2E0D3
#D2E2D1
#D2E6CD
#DACCDF
#DAD0DB
#DAD4D7
#DAD8D3
#DADBD0
#DADFCC
#DAE4C7
#E2C4DF
#E2C9DA
#E2CED5
#E2D2D1
#E2D7CC
#E2DCC7
#E2E2C1
#ECBADF
#ECC0D9
#ECC6D3
#ECCCCD
#ECD2C7
#ECD8C1
#ECDFBA
Colorpallet from #BAECDF to #ECBADF and to #DFBAEC
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#C2E4DF
#C2E4DF
#C1E4E0
#C1E4E0
#C1E4E0
#C0E4E1
#C0E4E1
#CADCDF
#C9DCE0
#C9DCE0
#C8DCE1
#C7DCE2
#C7DCE2
#C6DCE3
#D2D4DF
#D1D4E0
#D0D4E1
#CFD4E2
#CED4E3
#CDD4E4
#CCD4E5
#DACCDF
#D9CCE0
#D7CCE2
#D6CCE3
#D5CCE4
#D4CCE5
#D2CCE7
#E2C4DF
#E0C4E1
#DFC4E2
#DDC4E4
#DCC4E5
#DAC4E7
#D8C4E9
#ECBADF
#EABAE1
#E8BAE3
#E6BAE5
#E4BAE7
#E2BAE9
#DFBAEC
Colorpallet from #BAECDF to #ECBADF and to #DFECBA
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#C2E4DF
#C2E5DE
#C1E7DD
#C1E8DC
#C1E9DB
#C0EADA
#C0ECD9
#CADCDF
#C9DFDD
#C9E1DB
#C8E4D9
#C7E6D7
#C7E9D5
#C6ECD3
#D2D4DF
#D1D8DC
#D0DCD9
#CFE0D6
#CEE3D3
#CDE7D1
#CCECCD
#DACCDF
#D9D1DB
#D7D6D7
#D6DBD3
#D5E0D0
#D4E6CC
#D2ECC7
#E2C4DF
#E0CADA
#DFD1D5
#DDD7D1
#DCDECC
#DAE4C7
#D8ECC1
#ECBADF
#EAC2D9
#E8CAD3
#E6D2CD
#E4DAC7
#E2E2C1
#DFECBA
Colorpallet from #BAECDF to #ECDFBA and to #DFBAEC
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#C2EAD9
#C2E9DA
#C1E8DC
#C1E7DD
#C1E6DE
#C0E5DF
#C0E4E1
#CAE8D3
#C9E6D6
#C9E4D8
#C8E2DB
#C7E0DD
#C7DEE0
#C6DCE3
#D2E6CD
#D1E3D1
#D0E0D5
#CFDDD9
#CEDADC
#CDD8E0
#CCD4E5
#DAE4C7
#D9E0CC
#D7DCD1
#D6D8D6
#D5D5DB
#D4D1E1
#D2CCE7
#E2E2C1
#E0DDC7
#DFD8CE
#DDD4D4
#DCCFDB
#DACAE1
#D8C4E9
#ECDFBA
#EAD9C2
#E8D3CA
#E6CDD2
#E4C7DA
#E2C1E2
#DFBAEC
Colorpallet from #BAECDF to #ECDFBA and to #DFECBA
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#C2EAD9
#C2EAD9
#C1EBD9
#C1EBD9
#C1EBD9
#C0ECD9
#C0ECD9
#CAE8D3
#C9E9D3
#C9E9D3
#C8EAD3
#C7EBD3
#C7EBD3
#C6ECD3
#D2E6CD
#D1E7CD
#D0E8CD
#CFE9CD
#CEEACD
#CDEBCD
#CCECCD
#DAE4C7
#D9E5C7
#D7E7C7
#D6E8C7
#D5E9C7
#D4EAC7
#D2ECC7
#E2E2C1
#E0E4C1
#DFE5C1
#DDE7C1
#DCE8C1
#DAEAC1
#D8ECC1
#ECDFBA
#EAE1BA
#E8E3BA
#E6E5BA
#E4E7BA
#E2E9BA
#DFECBA
Colorpallet from #BAECDF to #DFBAEC and to #DFECBA
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#BAECDF
#C0E4E1
#C0E5E0
#C0E7DE
#C0E8DD
#C0E9DC
#C0EADB
#C0ECD9
#C6DCE3
#C6DFE0
#C6E1DE
#C6E4DB
#C6E6D9
#C6E9D6
#C6ECD3
#CCD4E5
#CCD8E1
#CCDCDD
#CCE0D9
#CCE3D6
#CCE7D2
#CCECCD
#D2CCE7
#D2D1E2
#D2D6DD
#D2DBD8
#D2E0D3
#D2E6CD
#D2ECC7
#D8C4E9
#D8CAE3
#D8D1DC
#D8D7D6
#D8DECF
#D8E4C9
#D8ECC1
#DFBAEC
#DFC2E4
#DFCADC
#DFD2D4
#DFDACC
#DFE2C4
#DFECBA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts