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 #C3D8F4 to #C3F4D8 and to #D8C3F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3DCF0
#C3DBF1
#C4DAF1
#C4D9F2
#C5D8F3
#C5D6F3
#C6D5F4
#C3E1EB
#C4DEEC
#C5DCEE
#C6D9EF
#C7D7F1
#C9D4F2
#CAD1F4
#C3E5E7
#C5E1E9
#C6DEEB
#C8DAED
#C9D6EF
#CBD3F1
#CDCEF4
#C3EAE2
#C5E5E5
#C7E0E8
#C9DBEB
#CBD6EE
#CDD1F0
#D0CBF4
#C3EEDE
#C6E8E2
#C8E2E5
#CBDBE9
#CED5EC
#D1CFF0
#D4C7F4
#C3F4D8
#C6ECDC
#CAE4E1
#CDDCE5
#D0D5EA
#D4CDEE
#D8C3F4
Colorpallet from #C3D8F4 to #C3F4D8 and to #D8F4C3
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3DCF0
#C3DCEF
#C4DCEF
#C4DCEE
#C5DCED
#C5DCED
#C6DCEC
#C3E1EB
#C4E1EA
#C5E1E9
#C6E1E8
#C7E1E7
#C9E1E5
#CAE1E4
#C3E5E7
#C5E5E5
#C6E5E3
#C8E5E2
#C9E5E0
#CBE5DE
#CDE5DC
#C3EAE2
#C5EAE0
#C7EADE
#C9EADC
#CBEADA
#CDEAD8
#D0EAD5
#C3EEDE
#C6EEDB
#C8EED9
#CBEED6
#CEEED3
#D1EED0
#D4EECD
#C3F4D8
#C6F4D5
#CAF4D1
#CDF4CE
#D0F4CB
#D4F4C7
#D8F4C3
Colorpallet from #C3D8F4 to #C3F4D8 and to #F4C3D8
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3DCF0
#C4DBF0
#C6DAF0
#C7D9F0
#C8D8F0
#C9D6F0
#CBD5F0
#C3E1EB
#C6DEEB
#C8DCEB
#CBD9EB
#CDD7EB
#D0D4EB
#D3D1EB
#C3E5E7
#C7E1E7
#CBDEE7
#CFDAE7
#D2D6E7
#D6D3E7
#DBCEE7
#C3EAE2
#C8E5E2
#CDE0E2
#D2DBE2
#D7D6E2
#DCD1E2
#E2CBE2
#C3EEDE
#C9E8DE
#CFE2DE
#D6DBDE
#DCD5DE
#E2CFDE
#EAC7DE
#C3F4D8
#CBECD8
#D3E4D8
#DBDCD8
#E2D5D8
#EACDD8
#F4C3D8
Colorpallet from #C3D8F4 to #C3F4D8 and to #F4D8C3
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3DCF0
#C4DBEF
#C6DBEF
#C7DAEE
#C8D9ED
#C9D9ED
#CBD8EC
#C3E1EB
#C6E0EA
#C8DEE9
#CBDDE8
#CDDBE7
#D0DAE5
#D3D8E4
#C3E5E7
#C7E3E5
#CBE1E3
#CFDFE2
#D2DDE0
#D6DBDE
#DBD8DC
#C3EAE2
#C8E7E0
#CDE4DE
#D2E1DC
#D7DEDA
#DCDCD8
#E2D8D5
#C3EEDE
#C9EADB
#CFE7D9
#D6E3D6
#DCE0D3
#E2DCD0
#EAD8CD
#C3F4D8
#CBF0D5
#D3EBD1
#DBE7CE
#E2E2CB
#EADEC7
#F4D8C3
Colorpallet from #C3D8F4 to #D8C3F4 and to #D8F4C3
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C6D5F4
#C6D6F3
#C6D7F1
#C6D8F0
#C6D9EF
#C6DBEE
#C6DCEC
#CAD1F4
#CAD4F1
#CAD6EF
#CAD9EC
#CADBEA
#CADEE7
#CAE1E4
#CDCEF4
#CDD2F0
#CDD5EC
#CDD9E8
#CDDDE5
#CDE0E1
#CDE5DC
#D0CBF4
#D0D0EF
#D0D5EA
#D0DAE5
#D0DFE0
#D0E4DB
#D0EAD5
#D4C7F4
#D4CDEE
#D4D3E8
#D4DAE1
#D4E0DB
#D4E6D5
#D4EECD
#D8C3F4
#D8CBEC
#D8D3E4
#D8DBDC
#D8E2D5
#D8EACD
#D8F4C3
Colorpallet from #C3D8F4 to #D8C3F4 and to #F4C3D8
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C6D5F4
#C7D5F3
#C8D5F3
#C8D5F2
#C9D5F1
#CAD5F1
#CBD5F0
#CAD1F4
#CBD1F3
#CDD1F1
#CED1F0
#D0D1EE
#D1D1ED
#D3D1EB
#CDCEF4
#CFCEF2
#D1CEF0
#D4CEEE
#D6CEEC
#D8CEEA
#DBCEE7
#D0CBF4
#D3CBF1
#D6CBEE
#D9CBEB
#DCCBE8
#DECBE6
#E2CBE2
#D4C7F4
#D8C7F0
#DBC7ED
#DFC7E9
#E2C7E6
#E6C7E2
#EAC7DE
#D8C3F4
#DCC3F0
#E1C3EB
#E5C3E7
#EAC3E2
#EEC3DE
#F4C3D8
Colorpallet from #C3D8F4 to #D8C3F4 and to #F4D8C3
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C6D5F4
#C7D5F3
#C8D6F1
#C8D6F0
#C9D7EF
#CAD7EE
#CBD8EC
#CAD1F4
#CBD2F1
#CDD3EF
#CED4EC
#D0D5EA
#D1D7E7
#D3D8E4
#CDCEF4
#CFD0F0
#D1D1EC
#D4D3E8
#D6D4E5
#D8D6E1
#DBD8DC
#D0CBF4
#D3CDEF
#D6CFEA
#D9D1E5
#DCD3E0
#DED5DB
#E2D8D5
#D4C7F4
#D8CAEE
#DBCCE8
#DFCFE1
#E2D2DB
#E6D5D5
#EAD8CD
#D8C3F4
#DCC6EC
#E1CAE4
#E5CDDC
#EAD0D5
#EED4CD
#F4D8C3
Colorpallet from #C3D8F4 to #D8F4C3 and to #F4C3D8
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C6DCEC
#C7DBED
#C8DAED
#C8D9EE
#C9D8EF
#CAD6EF
#CBD5F0
#CAE1E4
#CBDEE5
#CDDCE6
#CED9E7
#D0D7E8
#D1D4EA
#D3D1EB
#CDE5DC
#CFE1DE
#D1DEE0
#D4DAE1
#D6D6E3
#D8D3E5
#DBCEE7
#D0EAD5
#D3E5D7
#D6E0D9
#D9DBDB
#DCD6DD
#DED1DF
#E2CBE2
#D4EECD
#D8E8D0
#DBE2D2
#DFDBD5
#E2D5D8
#E6CFDB
#EAC7DE
#D8F4C3
#DCECC6
#E1E4CA
#E5DCCD
#EAD5D0
#EECDD4
#F4C3D8
Colorpallet from #C3D8F4 to #D8F4C3 and to #F4D8C3
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C6DCEC
#C7DBEC
#C8DBEC
#C8DAEC
#C9D9EC
#CAD9EC
#CBD8EC
#CAE1E4
#CBE0E4
#CDDEE4
#CEDDE4
#D0DBE4
#D1DAE4
#D3D8E4
#CDE5DC
#CFE3DC
#D1E1DC
#D4DFDC
#D6DDDC
#D8DBDC
#DBD8DC
#D0EAD5
#D3E7D5
#D6E4D5
#D9E1D5
#DCDED5
#DEDCD5
#E2D8D5
#D4EECD
#D8EACD
#DBE7CD
#DFE3CD
#E2E0CD
#E6DCCD
#EAD8CD
#D8F4C3
#DCF0C3
#E1EBC3
#E5E7C3
#EAE2C3
#EEDEC3
#F4D8C3
Colorpallet from #C3D8F4 to #F4C3D8 and to #F4D8C3
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#C3D8F4
#CBD5F0
#CBD5EF
#CBD6EF
#CBD6EE
#CBD7ED
#CBD7ED
#CBD8EC
#D3D1EB
#D3D2EA
#D3D3E9
#D3D4E8
#D3D5E7
#D3D7E5
#D3D8E4
#DBCEE7
#DBD0E5
#DBD1E3
#DBD3E2
#DBD4E0
#DBD6DE
#DBD8DC
#E2CBE2
#E2CDE0
#E2CFDE
#E2D1DC
#E2D3DA
#E2D5D8
#E2D8D5
#EAC7DE
#EACADB
#EACCD9
#EACFD6
#EAD2D3
#EAD5D0
#EAD8CD
#F4C3D8
#F4C6D5
#F4CAD1
#F4CDCE
#F4D0CB
#F4D4C7
#F4D8C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts