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 #CCD5E2 to #CCE2D5 and to #D5CCE2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD7E0
#CCD7E0
#CCD6E1
#CCD6E1
#CDD5E1
#CDD5E2
#CDD4E2
#CCD9DE
#CCD8DF
#CDD7DF
#CDD6E0
#CED5E1
#CED3E1
#CFD2E2
#CCDBDC
#CDD9DD
#CDD8DE
#CED6DF
#CFD5E0
#CFD3E1
#D0D1E2
#CCDDDA
#CDDBDB
#CED9DD
#CFD6DE
#D0D4DF
#D1D2E0
#D2CFE2
#CCDFD8
#CDDCDA
#CEDADB
#CFD7DD
#D0D4DE
#D2D1E0
#D3CEE2
#CCE2D5
#CDDED7
#CFDBD9
#D0D7DB
#D2D4DD
#D3D0DF
#D5CCE2
Colorpallet from #CCD5E2 to #CCE2D5 and to #D5E2CC
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD7E0
#CCD7E0
#CCD7DF
#CCD7DF
#CDD7DF
#CDD7DE
#CDD7DE
#CCD9DE
#CCD9DE
#CDD9DD
#CDD9DD
#CED9DC
#CED9DC
#CFD9DB
#CCDBDC
#CDDBDB
#CDDBDA
#CEDBDA
#CFDBD9
#CFDBD8
#D0DBD7
#CCDDDA
#CDDDD9
#CEDDD8
#CFDDD7
#D0DDD6
#D1DDD5
#D2DDD4
#CCDFD8
#CDDFD7
#CEDFD5
#CFDFD4
#D0DFD3
#D2DFD2
#D3DFD0
#CCE2D5
#CDE2D4
#CFE2D2
#D0E2D1
#D2E2CF
#D3E2CE
#D5E2CC
Colorpallet from #CCD5E2 to #CCE2D5 and to #E2CCD5
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD7E0
#CDD7E0
#CDD6E0
#CED6E0
#CFD5E0
#CFD5E0
#D0D4E0
#CCD9DE
#CDD8DE
#CED7DE
#CFD6DE
#D0D5DE
#D2D3DE
#D3D2DE
#CCDBDC
#CED9DC
#D0D8DC
#D1D6DC
#D3D5DC
#D5D3DC
#D7D1DC
#CCDDDA
#CEDBDA
#D0D9DA
#D3D6DA
#D5D4DA
#D7D2DA
#DACFDA
#CCDFD8
#CFDCD8
#D2DAD8
#D5D7D8
#D8D4D8
#DAD1D8
#DECED8
#CCE2D5
#D0DED5
#D3DBD5
#D7D7D5
#DAD4D5
#DED0D5
#E2CCD5
Colorpallet from #CCD5E2 to #CCE2D5 and to #E2D5CC
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD7E0
#CDD7E0
#CDD6DF
#CED6DF
#CFD6DF
#CFD5DE
#D0D5DE
#CCD9DE
#CDD8DE
#CED8DD
#CFD7DD
#D0D6DC
#D2D6DC
#D3D5DB
#CCDBDC
#CEDADB
#D0D9DA
#D1D8DA
#D3D7D9
#D5D6D8
#D7D5D7
#CCDDDA
#CEDCD9
#D0DAD8
#D3D9D7
#D5D8D6
#D7D7D5
#DAD5D4
#CCDFD8
#CFDDD7
#D2DCD5
#D5DAD4
#D8D9D3
#DAD7D2
#DED5D0
#CCE2D5
#D0E0D4
#D3DED2
#D7DCD1
#DADACF
#DED8CE
#E2D5CC
Colorpallet from #CCD5E2 to #D5CCE2 and to #D5E2CC
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CDD4E2
#CDD4E1
#CDD5E1
#CDD5E0
#CDD6DF
#CDD6DF
#CDD7DE
#CFD2E2
#CFD3E1
#CFD4E0
#CFD5DF
#CFD6DE
#CFD8DC
#CFD9DB
#D0D1E2
#D0D3E0
#D0D4DE
#D0D6DD
#D0D7DB
#D0D9D9
#D0DBD7
#D2CFE2
#D2D1E0
#D2D3DE
#D2D6DB
#D2D8D9
#D2DAD7
#D2DDD4
#D3CEE2
#D3D1DF
#D3D3DC
#D3D6D9
#D3D9D6
#D3DCD4
#D3DFD0
#D5CCE2
#D5D0DE
#D5D3DB
#D5D7D7
#D5DAD4
#D5DED0
#D5E2CC
Colorpallet from #CCD5E2 to #D5CCE2 and to #E2CCD5
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CDD4E2
#CDD4E2
#CED4E1
#CED4E1
#CFD4E1
#CFD4E0
#D0D4E0
#CFD2E2
#D0D2E1
#D0D2E1
#D1D2E0
#D2D2DF
#D2D2DF
#D3D2DE
#D0D1E2
#D1D1E1
#D2D1E0
#D3D1DF
#D4D1DE
#D6D1DD
#D7D1DC
#D2CFE2
#D3CFE1
#D5CFDF
#D6CFDE
#D7CFDD
#D8CFDC
#DACFDA
#D3CEE2
#D5CEE0
#D7CEDF
#D8CEDD
#DACEDC
#DCCEDA
#DECED8
#D5CCE2
#D7CCE0
#D9CCDE
#DBCCDC
#DDCCDA
#DFCCD8
#E2CCD5
Colorpallet from #CCD5E2 to #D5CCE2 and to #E2D5CC
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CDD4E2
#CDD4E1
#CED4E1
#CED4E0
#CFD5DF
#CFD5DF
#D0D5DE
#CFD2E2
#D0D2E1
#D0D3E0
#D1D3DF
#D2D4DE
#D2D4DC
#D3D5DB
#D0D1E2
#D1D2E0
#D2D2DE
#D3D3DD
#D4D4DB
#D6D4D9
#D7D5D7
#D2CFE2
#D3D0E0
#D5D1DE
#D6D2DB
#D7D3D9
#D8D4D7
#DAD5D4
#D3CEE2
#D5CFDF
#D7D0DC
#D8D1D9
#DAD2D6
#DCD4D4
#DED5D0
#D5CCE2
#D7CDDE
#D9CFDB
#DBD0D7
#DDD2D4
#DFD3D0
#E2D5CC
Colorpallet from #CCD5E2 to #D5E2CC and to #E2CCD5
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CDD7DE
#CDD7DE
#CED6DF
#CED6DF
#CFD5DF
#CFD5E0
#D0D4E0
#CFD9DB
#D0D8DB
#D0D7DC
#D1D6DC
#D2D5DD
#D2D3DD
#D3D2DE
#D0DBD7
#D1D9D8
#D2D8D9
#D3D6D9
#D4D5DA
#D6D3DB
#D7D1DC
#D2DDD4
#D3DBD5
#D5D9D6
#D6D6D7
#D7D4D8
#D8D2D9
#DACFDA
#D3DFD0
#D5DCD1
#D7DAD3
#D8D7D4
#DAD4D5
#DCD1D6
#DECED8
#D5E2CC
#D7DECD
#D9DBCF
#DBD7D0
#DDD4D2
#DFD0D3
#E2CCD5
Colorpallet from #CCD5E2 to #D5E2CC and to #E2D5CC
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CDD7DE
#CDD7DE
#CED6DE
#CED6DE
#CFD6DE
#CFD5DE
#D0D5DE
#CFD9DB
#D0D8DB
#D0D8DB
#D1D7DB
#D2D6DB
#D2D6DB
#D3D5DB
#D0DBD7
#D1DAD7
#D2D9D7
#D3D8D7
#D4D7D7
#D6D6D7
#D7D5D7
#D2DDD4
#D3DCD4
#D5DAD4
#D6D9D4
#D7D8D4
#D8D7D4
#DAD5D4
#D3DFD0
#D5DDD0
#D7DCD0
#D8DAD0
#DAD9D0
#DCD7D0
#DED5D0
#D5E2CC
#D7E0CC
#D9DECC
#DBDCCC
#DDDACC
#DFD8CC
#E2D5CC
Colorpallet from #CCD5E2 to #E2CCD5 and to #E2D5CC
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#CCD5E2
#D0D4E0
#D0D4E0
#D0D4DF
#D0D4DF
#D0D5DF
#D0D5DE
#D0D5DE
#D3D2DE
#D3D2DE
#D3D3DD
#D3D3DD
#D3D4DC
#D3D4DC
#D3D5DB
#D7D1DC
#D7D2DB
#D7D2DA
#D7D3DA
#D7D4D9
#D7D4D8
#D7D5D7
#DACFDA
#DAD0D9
#DAD1D8
#DAD2D7
#DAD3D6
#DAD4D5
#DAD5D4
#DECED8
#DECFD7
#DED0D5
#DED1D4
#DED2D3
#DED4D2
#DED5D0
#E2CCD5
#E2CDD4
#E2CFD2
#E2D0D1
#E2D2CF
#E2D3CE
#E2D5CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts