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 #C5F2D3 to #C5D3F2 and to #F2C5D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5EDD8
#C6EDD7
#C7ECD6
#C8ECD6
#C9ECD5
#CBEBD4
#CCEBD3
#C5E8DD
#C7E7DB
#C9E7DA
#CCE6D8
#CEE5D7
#D0E5D5
#D3E4D3
#C5E3E2
#C9E2E0
#CCE1DD
#D0E0DB
#D3DFD8
#D7DDD6
#DBDCD3
#C5DEE7
#CADDE4
#CEDBE1
#D3DADD
#D8D8DA
#DCD7D7
#E2D5D3
#C5D9EC
#CBD7E8
#D1D5E4
#D6D4E0
#DCD2DC
#E2D0D8
#E9CED3
#C5D3F2
#CCD1ED
#D3CFE8
#DBCCE3
#E2CADE
#E9C8D9
#F2C5D3
Colorpallet from #C5F2D3 to #C5D3F2 and to #F2D3C5
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5EDD8
#C6EDD7
#C7EDD6
#C8EDD5
#C9EDD4
#CBEDD2
#CCEDD1
#C5E8DD
#C7E8DB
#C9E8D9
#CCE8D6
#CEE8D4
#D0E8D2
#D3E8CF
#C5E3E2
#C9E3DE
#CCE3DB
#D0E3D7
#D3E3D4
#D7E3D0
#DBE3CC
#C5DEE7
#CADEE2
#CEDEDE
#D3DED9
#D8DED4
#DCDED0
#E2DECA
#C5D9EC
#CBD9E6
#D1D9E0
#D6D9DB
#DCD9D5
#E2D9CF
#E9D9C8
#C5D3F2
#CCD3EB
#D3D3E4
#DBD3DC
#E2D3D5
#E9D3CE
#F2D3C5
Colorpallet from #C5F2D3 to #C5D3F2 and to #D3C5F2
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5EDD8
#C5EDD8
#C6ECD8
#C6ECD8
#C6ECD8
#C7EBD8
#C7EBD8
#C5E8DD
#C6E7DD
#C6E7DD
#C7E6DD
#C8E5DD
#C8E5DD
#C9E4DD
#C5E3E2
#C6E2E2
#C7E1E2
#C8E0E2
#C9DFE2
#CBDDE2
#CCDCE2
#C5DEE7
#C6DDE7
#C8DBE7
#C9DAE7
#CBD8E7
#CCD7E7
#CED5E7
#C5D9EC
#C7D7EC
#C9D5EC
#CAD4EC
#CCD2EC
#CED0EC
#D0CEEC
#C5D3F2
#C7D1F2
#C9CFF2
#CCCCF2
#CECAF2
#D0C8F2
#D3C5F2
Colorpallet from #C5F2D3 to #C5D3F2 and to #D3F2C5
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5EDD8
#C5EED7
#C6EFD6
#C6EFD5
#C6F0D4
#C7F1D2
#C7F2D1
#C5E8DD
#C6EADB
#C6EBD9
#C7EDD6
#C8EED4
#C8F0D2
#C9F2CF
#C5E3E2
#C6E5DE
#C7E8DB
#C8EAD7
#C9EDD4
#CBEFD0
#CCF2CC
#C5DEE7
#C6E1E2
#C8E4DE
#C9E8D9
#CBEBD4
#CCEED0
#CEF2CA
#C5D9EC
#C7DDE6
#C9E1E0
#CAE5DB
#CCE9D5
#CEEDCF
#D0F2C8
#C5D3F2
#C7D8EB
#C9DDE4
#CCE2DC
#CEE7D5
#D0ECCE
#D3F2C5
Colorpallet from #C5F2D3 to #F2C5D3 and to #F2D3C5
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#CCEBD3
#CCEBD3
#CCECD2
#CCECD2
#CCECD2
#CCEDD1
#CCEDD1
#D3E4D3
#D3E5D2
#D3E5D2
#D3E6D1
#D3E7D0
#D3E7D0
#D3E8CF
#DBDCD3
#DBDDD2
#DBDED1
#DBDFD0
#DBE0CF
#DBE2CD
#DBE3CC
#E2D5D3
#E2D6D2
#E2D8D0
#E2D9CF
#E2DBCD
#E2DCCC
#E2DECA
#E9CED3
#E9D0D1
#E9D2CF
#E9D3CE
#E9D5CC
#E9D7CA
#E9D9C8
#F2C5D3
#F2C7D1
#F2C9CF
#F2CCCC
#F2CECA
#F2D0C8
#F2D3C5
Colorpallet from #C5F2D3 to #F2C5D3 and to #D3C5F2
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#CCEBD3
#CBEBD4
#CAEBD5
#CAEBD5
#C9EBD6
#C8EBD7
#C7EBD8
#D3E4D3
#D1E4D5
#D0E4D6
#CEE4D8
#CDE4D9
#CBE4DB
#C9E4DD
#DBDCD3
#D9DCD5
#D6DCD8
#D4DCDA
#D1DCDD
#CFDCDF
#CCDCE2
#E2D5D3
#DFD5D6
#DCD5D9
#D8D5DD
#D5D5E0
#D2D5E3
#CED5E7
#E9CED3
#E5CED7
#E1CEDB
#DDCEDF
#D9CEE3
#D5CEE7
#D0CEEC
#F2C5D3
#EDC5D8
#E8C5DD
#E3C5E2
#DEC5E7
#D9C5EC
#D3C5F2
Colorpallet from #C5F2D3 to #F2C5D3 and to #D3F2C5
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#CCEBD3
#CBECD3
#CAEDD2
#CAEED2
#C9EFD2
#C8F1D1
#C7F2D1
#D3E4D3
#D1E6D2
#D0E8D2
#CEEBD1
#CDEDD0
#CBEFD0
#C9F2CF
#DBDCD3
#D9E0D2
#D6E3D1
#D4E7D0
#D1EACF
#CFEECD
#CCF2CC
#E2D5D3
#DFDAD2
#DCDED0
#D8E3CF
#D5E8CD
#D2ECCC
#CEF2CA
#E9CED3
#E5D4D1
#E1DACF
#DDDFCE
#D9E5CC
#D5EBCA
#D0F2C8
#F2C5D3
#EDCCD1
#E8D3CF
#E3DBCC
#DEE2CA
#D9E9C8
#D3F2C5
Colorpallet from #C5F2D3 to #F2D3C5 and to #D3C5F2
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#CCEDD1
#CBEDD2
#CAECD3
#CAECD4
#C9ECD5
#C8EBD7
#C7EBD8
#D3E8CF
#D1E7D1
#D0E7D3
#CEE6D6
#CDE5D8
#CBE5DA
#C9E4DD
#DBE3CC
#D9E2D0
#D6E1D3
#D4E0D7
#D1DFDA
#CFDDDE
#CCDCE2
#E2DECA
#DFDDCF
#DCDBD3
#D8DAD8
#D5D8DD
#D2D7E1
#CED5E7
#E9D9C8
#E5D7CE
#E1D5D4
#DDD4D9
#D9D2DF
#D5D0E5
#D0CEEC
#F2D3C5
#EDD1CC
#E8CFD3
#E3CCDB
#DECAE2
#D9C8E9
#D3C5F2
Colorpallet from #C5F2D3 to #F2D3C5 and to #D3F2C5
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#CCEDD1
#CBEED1
#CAEFD1
#CAEFD1
#C9F0D1
#C8F1D1
#C7F2D1
#D3E8CF
#D1EACF
#D0EBCF
#CEEDCF
#CDEECF
#CBF0CF
#C9F2CF
#DBE3CC
#D9E5CC
#D6E8CC
#D4EACC
#D1EDCC
#CFEFCC
#CCF2CC
#E2DECA
#DFE1CA
#DCE4CA
#D8E8CA
#D5EBCA
#D2EECA
#CEF2CA
#E9D9C8
#E5DDC8
#E1E1C8
#DDE5C8
#D9E9C8
#D5EDC8
#D0F2C8
#F2D3C5
#EDD8C5
#E8DDC5
#E3E2C5
#DEE7C5
#D9ECC5
#D3F2C5
Colorpallet from #C5F2D3 to #D3C5F2 and to #D3F2C5
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C5F2D3
#C7EBD8
#C7ECD7
#C7EDD6
#C7EED5
#C7EFD4
#C7F1D2
#C7F2D1
#C9E4DD
#C9E6DB
#C9E8D9
#C9EBD6
#C9EDD4
#C9EFD2
#C9F2CF
#CCDCE2
#CCE0DE
#CCE3DB
#CCE7D7
#CCEAD4
#CCEED0
#CCF2CC
#CED5E7
#CEDAE2
#CEDEDE
#CEE3D9
#CEE8D4
#CEECD0
#CEF2CA
#D0CEEC
#D0D4E6
#D0DAE0
#D0DFDB
#D0E5D5
#D0EBCF
#D0F2C8
#D3C5F2
#D3CCEB
#D3D3E4
#D3DBDC
#D3E2D5
#D3E9CE
#D3F2C5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts