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 #D3C4F8 to #D3F8C4 and to #C4D3F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3CCF0
#D3CBF1
#D2CAF3
#D2C9F4
#D2C8F5
#D1C7F6
#D1C6F8
#D3D5E7
#D2D3EA
#D1D1EC
#D1CFEF
#D0CDF2
#CFCBF5
#CEC9F8
#D3DDDF
#D2DAE3
#D1D7E7
#D0D4EB
#CFD1EF
#CDCFF3
#CCCBF8
#D3E5D7
#D1E1DC
#D0DEE2
#CEDAE7
#CDD6EC
#CBD3F1
#C9CEF8
#D3EECE
#D1E9D5
#CFE4DB
#CDE0E2
#CBDBE9
#C9D6F0
#C7D0F8
#D3F8C4
#D1F2CC
#CEECD5
#CCE6DD
#C9E0E5
#C7DAEE
#C4D3F8
Colorpallet from #D3C4F8 to #D3F8C4 and to #C4F8D3
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3CCF0
#D3CCF0
#D2CCF1
#D2CCF1
#D2CCF1
#D1CCF2
#D1CCF2
#D3D5E7
#D2D5E8
#D1D5E9
#D1D5E9
#D0D5EA
#CFD5EB
#CED5EC
#D3DDDF
#D2DDE0
#D1DDE1
#D0DDE2
#CFDDE3
#CDDDE5
#CCDDE6
#D3E5D7
#D1E5D8
#D0E5DA
#CEE5DB
#CDE5DD
#CBE5DE
#C9E5E0
#D3EECE
#D1EED0
#CFEED2
#CDEED4
#CBEED6
#C9EED8
#C7EEDA
#D3F8C4
#D1F8C6
#CEF8C9
#CCF8CB
#C9F8CE
#C7F8D0
#C4F8D3
Colorpallet from #D3C4F8 to #D3F8C4 and to #F8D3C4
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3CCF0
#D4CBF0
#D5CAF0
#D6C9F0
#D7C8F0
#D8C7F0
#D9C6F0
#D3D5E7
#D5D3E7
#D7D1E7
#D9CFE7
#DBCDE7
#DDCBE7
#DFC9E7
#D3DDDF
#D6DADF
#D9D7DF
#DCD4DF
#DFD1DF
#E1CFDF
#E5CBDF
#D3E5D7
#D7E1D7
#DBDED7
#DFDAD7
#E2D6D7
#E6D3D7
#EBCED7
#D3EECE
#D8E9CE
#DDE4CE
#E1E0CE
#E6DBCE
#EBD6CE
#F1D0CE
#D3F8C4
#D9F2C4
#DFECC4
#E5E6C4
#EBE0C4
#F1DAC4
#F8D3C4
Colorpallet from #D3C4F8 to #D3F8C4 and to #F8C4D3
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3CCF0
#D4CBF0
#D5C9F1
#D6C8F1
#D7C7F1
#D8C6F2
#D9C4F2
#D3D5E7
#D5D2E8
#D7D0E9
#D9CDE9
#DBCAEA
#DDC7EB
#DFC4EC
#D3DDDF
#D6D9E0
#D9D5E1
#DCD1E2
#DFCDE3
#E1C9E5
#E5C4E6
#D3E5D7
#D7E0D8
#DBDADA
#DFD5DB
#E2D0DD
#E6CBDE
#EBC4E0
#D3EECE
#D8E7D0
#DDE1D2
#E1DAD4
#E6D3D6
#EBCCD8
#F1C4DA
#D3F8C4
#D9F0C6
#DFE7C9
#E5DFCB
#EBD7CE
#F1CED0
#F8C4D3
Colorpallet from #D3C4F8 to #C4D3F8 and to #C4F8D3
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D1C6F8
#D1C7F7
#D1C8F6
#D1C9F5
#D1CAF4
#D1CBF3
#D1CCF2
#CEC9F8
#CECBF6
#CECDF4
#CECFF2
#CED1F0
#CED3EE
#CED5EC
#CCCBF8
#CCCEF5
#CCD1F2
#CCD4EF
#CCD7EC
#CCD9EA
#CCDDE6
#C9CEF8
#C9D2F4
#C9D5F0
#C9D9EC
#C9DDE9
#C9E0E5
#C9E5E0
#C7D0F8
#C7D5F3
#C7DAEE
#C7DEEA
#C7E3E5
#C7E8E0
#C7EEDA
#C4D3F8
#C4D9F2
#C4DFEC
#C4E5E6
#C4EBE0
#C4F1DA
#C4F8D3
Colorpallet from #D3C4F8 to #C4D3F8 and to #F8D3C4
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D1C6F8
#D2C6F7
#D4C6F5
#D5C6F4
#D6C6F3
#D7C6F2
#D9C6F0
#CEC9F8
#D1C9F5
#D3C9F3
#D6C9F0
#D9C9ED
#DCC9EA
#DFC9E7
#CCCBF8
#D0CBF4
#D4CBF0
#D8CBEC
#DCCBE8
#E0CBE4
#E5CBDF
#C9CEF8
#CECEF3
#D4CEED
#D9CEE8
#DFCEE3
#E4CEDE
#EBCED7
#C7D0F8
#CED0F1
#D4D0EB
#DBD0E4
#E2D0DD
#E9D0D6
#F1D0CE
#C4D3F8
#CCD3F0
#D5D3E7
#DDD3DF
#E5D3D7
#EED3CE
#F8D3C4
Colorpallet from #D3C4F8 to #C4D3F8 and to #F8C4D3
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D1C6F8
#D2C6F7
#D4C5F6
#D5C5F5
#D6C5F4
#D7C4F3
#D9C4F2
#CEC9F8
#D1C8F6
#D3C7F4
#D6C7F2
#D9C6F0
#DCC5EE
#DFC4EC
#CCCBF8
#D0CAF5
#D4C9F2
#D8C8EF
#DCC7EC
#E0C5EA
#E5C4E6
#C9CEF8
#CECCF4
#D4CBF0
#D9C9EC
#DFC8E9
#E4C6E5
#EBC4E0
#C7D0F8
#CECEF3
#D4CCEE
#DBCAEA
#E2C8E5
#E9C6E0
#F1C4DA
#C4D3F8
#CCD1F2
#D5CEEC
#DDCCE6
#E5C9E0
#EEC7DA
#F8C4D3
Colorpallet from #D3C4F8 to #C4F8D3 and to #F8D3C4
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D1CCF2
#D2CBF2
#D4CAF1
#D5C9F1
#D6C8F1
#D7C7F0
#D9C6F0
#CED5EC
#D1D3EB
#D3D1EA
#D6CFEA
#D9CDE9
#DCCBE8
#DFC9E7
#CCDDE6
#D0DAE5
#D4D7E4
#D8D4E3
#DCD1E2
#E0CFE0
#E5CBDF
#C9E5E0
#CEE1DF
#D4DEDD
#D9DADC
#DFD6DA
#E4D3D9
#EBCED7
#C7EEDA
#CEE9D8
#D4E4D6
#DBE0D4
#E2DBD2
#E9D6D0
#F1D0CE
#C4F8D3
#CCF2D1
#D5ECCE
#DDE6CC
#E5E0C9
#EEDAC7
#F8D3C4
Colorpallet from #D3C4F8 to #C4F8D3 and to #F8C4D3
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D1CCF2
#D2CBF2
#D4C9F2
#D5C8F2
#D6C7F2
#D7C6F2
#D9C4F2
#CED5EC
#D1D2EC
#D3D0EC
#D6CDEC
#D9CAEC
#DCC7EC
#DFC4EC
#CCDDE6
#D0D9E6
#D4D5E6
#D8D1E6
#DCCDE6
#E0C9E6
#E5C4E6
#C9E5E0
#CEE0E0
#D4DAE0
#D9D5E0
#DFD0E0
#E4CBE0
#EBC4E0
#C7EEDA
#CEE7DA
#D4E1DA
#DBDADA
#E2D3DA
#E9CCDA
#F1C4DA
#C4F8D3
#CCF0D3
#D5E7D3
#DDDFD3
#E5D7D3
#EECED3
#F8C4D3
Colorpallet from #D3C4F8 to #F8D3C4 and to #F8C4D3
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D3C4F8
#D9C6F0
#D9C6F0
#D9C5F1
#D9C5F1
#D9C5F1
#D9C4F2
#D9C4F2
#DFC9E7
#DFC8E8
#DFC7E9
#DFC7E9
#DFC6EA
#DFC5EB
#DFC4EC
#E5CBDF
#E5CAE0
#E5C9E1
#E5C8E2
#E5C7E3
#E5C5E5
#E5C4E6
#EBCED7
#EBCCD8
#EBCBDA
#EBC9DB
#EBC8DD
#EBC6DE
#EBC4E0
#F1D0CE
#F1CED0
#F1CCD2
#F1CAD4
#F1C8D6
#F1C6D8
#F1C4DA
#F8D3C4
#F8D1C6
#F8CEC9
#F8CCCB
#F8C9CE
#F8C7D0
#F8C4D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts