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 #C5F2D6 to #C5D6F2 and to #F2C5D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5EEDA
#C6EED9
#C7EDD9
#C8EDD8
#C9ECD7
#CBECD7
#CCEBD6
#C5E9DF
#C7E8DE
#C9E7DC
#CCE7DB
#CEE6D9
#D0E5D8
#D3E4D6
#C5E5E3
#C9E4E1
#CCE2DF
#D0E1DD
#D3DFDB
#D7DED9
#DBDCD6
#C5E0E8
#CADEE5
#CEDCE2
#D3DBDF
#D8D9DC
#DCD7DA
#E2D5D6
#C5DCEC
#CBDAE8
#D1D8E5
#D6D5E1
#DCD3DE
#E2D1DA
#E9CED6
#C5D6F2
#CCD3EE
#D3D1E9
#DBCEE5
#E2CBE0
#E9C8DC
#F2C5D6
Colorpallet from #C5F2D6 to #C5D6F2 and to #F2D6C5
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5EEDA
#C6EED9
#C7EED8
#C8EED7
#C9EED6
#CBEED4
#CCEED3
#C5E9DF
#C7E9DD
#C9E9DB
#CCE9D8
#CEE9D6
#D0E9D4
#D3E9D1
#C5E5E3
#C9E5E0
#CCE5DC
#D0E5D9
#D3E5D6
#D7E5D2
#DBE5CE
#C5E0E8
#CAE0E3
#CEE0DF
#D3E0DA
#D8E0D5
#DCE0D1
#E2E0CB
#C5DCEC
#CBDCE6
#D1DCE0
#D6DCDB
#DCDCD5
#E2DCCF
#E9DCC8
#C5D6F2
#CCD6EB
#D3D6E4
#DBD6DC
#E2D6D5
#E9D6CE
#F2D6C5
Colorpallet from #C5F2D6 to #C5D6F2 and to #D6C5F2
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5EEDA
#C5EEDA
#C6EDDA
#C6EDDA
#C7ECDA
#C7ECDA
#C8EBDA
#C5E9DF
#C6E8DF
#C7E7DF
#C7E7DF
#C8E6DF
#C9E5DF
#CAE4DF
#C5E5E3
#C6E4E3
#C8E2E3
#C9E1E3
#CADFE3
#CBDEE3
#CDDCE3
#C5E0E8
#C7DEE8
#C9DCE8
#CADBE8
#CCD9E8
#CED7E8
#D0D5E8
#C5DCEC
#C7DAEC
#C9D8EC
#CCD5EC
#CED3EC
#D0D1EC
#D3CEEC
#C5D6F2
#C8D3F2
#CAD1F2
#CDCEF2
#D0CBF2
#D3C8F2
#D6C5F2
Colorpallet from #C5F2D6 to #C5D6F2 and to #D6F2C5
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5EEDA
#C5EFD9
#C6EFD8
#C6F0D7
#C7F1D6
#C7F1D4
#C8F2D3
#C5E9DF
#C6EADD
#C7ECDB
#C7EDD8
#C8EFD6
#C9F0D4
#CAF2D1
#C5E5E3
#C6E7E0
#C8E9DC
#C9EBD9
#CAEDD6
#CBEFD2
#CDF2CE
#C5E0E8
#C7E3E3
#C9E6DF
#CAE9DA
#CCECD5
#CEEED1
#D0F2CB
#C5DCEC
#C7E0E6
#C9E3E0
#CCE7DB
#CEEAD5
#D0EECF
#D3F2C8
#C5D6F2
#C8DAEB
#CADFE4
#CDE3DC
#D0E8D5
#D3ECCE
#D6F2C5
Colorpallet from #C5F2D6 to #F2C5D6 and to #F2D6C5
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#CCEBD6
#CCEBD6
#CCECD5
#CCECD5
#CCEDD4
#CCEDD4
#CCEED3
#D3E4D6
#D3E5D5
#D3E6D4
#D3E6D4
#D3E7D3
#D3E8D2
#D3E9D1
#DBDCD6
#DBDDD5
#DBDFD3
#DBE0D2
#DBE2D1
#DBE3D0
#DBE5CE
#E2D5D6
#E2D7D4
#E2D9D2
#E2DAD1
#E2DCCF
#E2DECD
#E2E0CB
#E9CED6
#E9D0D4
#E9D2D2
#E9D5CF
#E9D7CD
#E9D9CB
#E9DCC8
#F2C5D6
#F2C8D3
#F2CAD1
#F2CDCE
#F2D0CB
#F2D3C8
#F2D6C5
Colorpallet from #C5F2D6 to #F2C5D6 and to #D6C5F2
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#CCEBD6
#CBEBD7
#CBEBD7
#CAEBD8
#C9EBD9
#C9EBD9
#C8EBDA
#D3E4D6
#D2E4D7
#D0E4D9
#CFE4DA
#CDE4DC
#CCE4DD
#CAE4DF
#DBDCD6
#D9DCD8
#D7DCDA
#D4DCDC
#D2DCDE
#D0DCE0
#CDDCE3
#E2D5D6
#DFD5D9
#DCD5DC
#D9D5DF
#D6D5E2
#D4D5E4
#D0D5E8
#E9CED6
#E5CEDA
#E2CEDD
#DECEE1
#DBCEE4
#D7CEE8
#D3CEEC
#F2C5D6
#EEC5DA
#E9C5DF
#E5C5E3
#E0C5E8
#DCC5EC
#D6C5F2
Colorpallet from #C5F2D6 to #F2C5D6 and to #D6F2C5
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#CCEBD6
#CBECD6
#CBEDD5
#CAEED5
#C9EFD4
#C9F1D4
#C8F2D3
#D3E4D6
#D2E6D5
#D0E8D4
#CFEBD4
#CDEDD3
#CCEFD2
#CAF2D1
#DBDCD6
#D9E0D5
#D7E3D3
#D4E7D2
#D2EAD1
#D0EED0
#CDF2CE
#E2D5D6
#DFDAD4
#DCDED2
#D9E3D1
#D6E8CF
#D4ECCD
#D0F2CB
#E9CED6
#E5D4D4
#E2DAD2
#DEDFCF
#DBE5CD
#D7EBCB
#D3F2C8
#F2C5D6
#EECCD3
#E9D3D1
#E5DBCE
#E0E2CB
#DCE9C8
#D6F2C5
Colorpallet from #C5F2D6 to #F2D6C5 and to #D6C5F2
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#CCEED3
#CBEED4
#CBEDD5
#CAEDD6
#C9ECD7
#C9ECD9
#C8EBDA
#D3E9D1
#D2E8D3
#D0E7D5
#CFE7D8
#CDE6DA
#CCE5DC
#CAE4DF
#DBE5CE
#D9E4D1
#D7E2D5
#D4E1D8
#D2DFDB
#D0DEDF
#CDDCE3
#E2E0CB
#DFDED0
#DCDCD4
#D9DBD9
#D6D9DE
#D4D7E2
#D0D5E8
#E9DCC8
#E5DACE
#E2D8D4
#DED5D9
#DBD3DF
#D7D1E5
#D3CEEC
#F2D6C5
#EED3CC
#E9D1D3
#E5CEDB
#E0CBE2
#DCC8E9
#D6C5F2
Colorpallet from #C5F2D6 to #F2D6C5 and to #D6F2C5
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#CCEED3
#CBEFD3
#CBEFD3
#CAF0D3
#C9F1D3
#C9F1D3
#C8F2D3
#D3E9D1
#D2EAD1
#D0ECD1
#CFEDD1
#CDEFD1
#CCF0D1
#CAF2D1
#DBE5CE
#D9E7CE
#D7E9CE
#D4EBCE
#D2EDCE
#D0EFCE
#CDF2CE
#E2E0CB
#DFE3CB
#DCE6CB
#D9E9CB
#D6ECCB
#D4EECB
#D0F2CB
#E9DCC8
#E5E0C8
#E2E3C8
#DEE7C8
#DBEAC8
#D7EEC8
#D3F2C8
#F2D6C5
#EEDAC5
#E9DFC5
#E5E3C5
#E0E8C5
#DCECC5
#D6F2C5
Colorpallet from #C5F2D6 to #D6C5F2 and to #D6F2C5
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C5F2D6
#C8EBDA
#C8ECD9
#C8EDD8
#C8EED7
#C8EFD6
#C8F1D4
#C8F2D3
#CAE4DF
#CAE6DD
#CAE8DB
#CAEBD8
#CAEDD6
#CAEFD4
#CAF2D1
#CDDCE3
#CDE0E0
#CDE3DC
#CDE7D9
#CDEAD6
#CDEED2
#CDF2CE
#D0D5E8
#D0DAE3
#D0DEDF
#D0E3DA
#D0E8D5
#D0ECD1
#D0F2CB
#D3CEEC
#D3D4E6
#D3DAE0
#D3DFDB
#D3E5D5
#D3EBCF
#D3F2C8
#D6C5F2
#D6CCEB
#D6D3E4
#D6DBDC
#D6E2D5
#D6E9CE
#D6F2C5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts