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 #CCD4E4 to #CCE4D4 and to #D4CCE4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD7E1
#CCD6E1
#CCD6E2
#CCD5E2
#CDD4E3
#CDD4E3
#CDD3E4
#CCD9DF
#CCD8E0
#CDD6E1
#CDD5E1
#CED4E2
#CED3E3
#CFD1E4
#CCDCDC
#CDDADD
#CDD8DF
#CED6E0
#CFD4E1
#CFD2E2
#D0D0E4
#CCDEDA
#CDDCDC
#CED9DD
#CED7DF
#CFD4E0
#D0D2E2
#D1CFE4
#CCE1D7
#CDDED9
#CEDBDB
#CFD8DD
#D0D5DF
#D1D2E1
#D2CEE4
#CCE4D4
#CDE0D7
#CFDCD9
#D0D8DC
#D1D5DE
#D2D1E1
#D4CCE4
Colorpallet from #CCD4E4 to #CCE4D4 and to #D4E4CC
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD7E1
#CCD7E1
#CCD7E1
#CCD7E1
#CDD7E0
#CDD7E0
#CDD7E0
#CCD9DF
#CCD9DF
#CDD9DE
#CDD9DE
#CED9DD
#CED9DD
#CFD9DC
#CCDCDC
#CDDCDB
#CDDCDB
#CEDCDA
#CFDCD9
#CFDCD9
#D0DCD8
#CCDEDA
#CDDED9
#CEDED8
#CEDED8
#CFDED7
#D0DED6
#D1DED5
#CCE1D7
#CDE1D6
#CEE1D5
#CFE1D4
#D0E1D3
#D1E1D2
#D2E1D1
#CCE4D4
#CDE4D3
#CFE4D1
#D0E4D0
#D1E4CF
#D2E4CE
#D4E4CC
Colorpallet from #CCD4E4 to #CCE4D4 and to #E4CCD4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD7E1
#CDD6E1
#CDD6E1
#CED5E1
#CFD4E1
#CFD4E1
#D0D3E1
#CCD9DF
#CDD8DF
#CFD6DF
#D0D5DF
#D1D4DF
#D2D3DF
#D4D1DF
#CCDCDC
#CEDADC
#D0D8DC
#D2D6DC
#D4D4DC
#D6D2DC
#D8D0DC
#CCDEDA
#CEDCDA
#D1D9DA
#D3D7DA
#D6D4DA
#D8D2DA
#DBCFDA
#CCE1D7
#CFDED7
#D2DBD7
#D5D8D7
#D8D5D7
#DBD2D7
#DFCED7
#CCE4D4
#D0E0D4
#D4DCD4
#D8D8D4
#DBD5D4
#DFD1D4
#E4CCD4
Colorpallet from #CCD4E4 to #CCE4D4 and to #E4D4CC
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD7E1
#CDD7E1
#CDD6E1
#CED6E1
#CFD5E0
#CFD5E0
#D0D4E0
#CCD9DF
#CDD8DF
#CFD7DE
#D0D7DE
#D1D6DD
#D2D5DD
#D4D4DC
#CCDCDC
#CEDBDB
#D0D9DB
#D2D8DA
#D4D7D9
#D6D6D9
#D8D4D8
#CCDEDA
#CEDCD9
#D1DBD8
#D3D9D8
#D6D8D7
#D8D6D6
#DBD4D5
#CCE1D7
#CFDFD6
#D2DDD5
#D5DBD4
#D8D9D3
#DBD7D2
#DFD4D1
#CCE4D4
#D0E1D3
#D4DFD1
#D8DCD0
#DBDACF
#DFD7CE
#E4D4CC
Colorpallet from #CCD4E4 to #D4CCE4 and to #D4E4CC
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CDD3E4
#CDD4E3
#CDD4E3
#CDD5E2
#CDD6E1
#CDD6E1
#CDD7E0
#CFD1E4
#CFD2E3
#CFD4E1
#CFD5E0
#CFD6DF
#CFD7DE
#CFD9DC
#D0D0E4
#D0D2E2
#D0D4E0
#D0D6DE
#D0D8DC
#D0DADA
#D0DCD8
#D1CFE4
#D1D1E2
#D1D4DF
#D1D6DD
#D1D9DA
#D1DBD8
#D1DED5
#D2CEE4
#D2D1E1
#D2D4DE
#D2D7DB
#D2DAD8
#D2DDD5
#D2E1D1
#D4CCE4
#D4D0E0
#D4D4DC
#D4D8D8
#D4DBD5
#D4DFD1
#D4E4CC
Colorpallet from #CCD4E4 to #D4CCE4 and to #E4CCD4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CDD3E4
#CDD3E4
#CED3E3
#CED3E3
#CFD3E2
#CFD3E2
#D0D3E1
#CFD1E4
#D0D1E3
#D1D1E2
#D1D1E2
#D2D1E1
#D3D1E0
#D4D1DF
#D0D0E4
#D1D0E3
#D3D0E1
#D4D0E0
#D5D0DF
#D6D0DE
#D8D0DC
#D1CFE4
#D3CFE2
#D4CFE1
#D6CFDF
#D7CFDE
#D9CFDC
#DBCFDA
#D2CEE4
#D4CEE2
#D6CEE0
#D8CEDE
#DACEDC
#DCCEDA
#DFCED7
#D4CCE4
#D7CCE1
#D9CCDF
#DCCCDC
#DECCDA
#E1CCD7
#E4CCD4
Colorpallet from #CCD4E4 to #D4CCE4 and to #E4D4CC
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CDD3E4
#CDD3E3
#CED3E3
#CED3E2
#CFD4E1
#CFD4E1
#D0D4E0
#CFD1E4
#D0D1E3
#D1D2E1
#D1D2E0
#D2D3DF
#D3D3DE
#D4D4DC
#D0D0E4
#D1D1E2
#D3D1E0
#D4D2DE
#D5D3DC
#D6D3DA
#D8D4D8
#D1CFE4
#D3D0E2
#D4D1DF
#D6D1DD
#D7D2DA
#D9D3D8
#DBD4D5
#D2CEE4
#D4CFE1
#D6D0DE
#D8D1DB
#DAD2D8
#DCD3D5
#DFD4D1
#D4CCE4
#D7CDE0
#D9CFDC
#DCD0D8
#DED1D5
#E1D2D1
#E4D4CC
Colorpallet from #CCD4E4 to #D4E4CC and to #E4CCD4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CDD7E0
#CDD6E0
#CED6E0
#CED5E0
#CFD4E1
#CFD4E1
#D0D3E1
#CFD9DC
#D0D8DC
#D1D6DD
#D1D5DD
#D2D4DE
#D3D3DE
#D4D1DF
#D0DCD8
#D1DAD9
#D3D8D9
#D4D6DA
#D5D4DB
#D6D2DB
#D8D0DC
#D1DED5
#D3DCD6
#D4D9D7
#D6D7D7
#D7D4D8
#D9D2D9
#DBCFDA
#D2E1D1
#D4DED2
#D6DBD3
#D8D8D4
#DAD5D5
#DCD2D6
#DFCED7
#D4E4CC
#D7E0CD
#D9DCCF
#DCD8D0
#DED5D1
#E1D1D2
#E4CCD4
Colorpallet from #CCD4E4 to #D4E4CC and to #E4D4CC
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CDD7E0
#CDD7E0
#CED6E0
#CED6E0
#CFD5E0
#CFD5E0
#D0D4E0
#CFD9DC
#D0D8DC
#D1D7DC
#D1D7DC
#D2D6DC
#D3D5DC
#D4D4DC
#D0DCD8
#D1DBD8
#D3D9D8
#D4D8D8
#D5D7D8
#D6D6D8
#D8D4D8
#D1DED5
#D3DCD5
#D4DBD5
#D6D9D5
#D7D8D5
#D9D6D5
#DBD4D5
#D2E1D1
#D4DFD1
#D6DDD1
#D8DBD1
#DAD9D1
#DCD7D1
#DFD4D1
#D4E4CC
#D7E1CC
#D9DFCC
#DCDCCC
#DEDACC
#E1D7CC
#E4D4CC
Colorpallet from #CCD4E4 to #E4CCD4 and to #E4D4CC
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#CCD4E4
#D0D3E1
#D0D3E1
#D0D3E1
#D0D3E1
#D0D4E0
#D0D4E0
#D0D4E0
#D4D1DF
#D4D1DF
#D4D2DE
#D4D2DE
#D4D3DD
#D4D3DD
#D4D4DC
#D8D0DC
#D8D1DB
#D8D1DB
#D8D2DA
#D8D3D9
#D8D3D9
#D8D4D8
#DBCFDA
#DBD0D9
#DBD1D8
#DBD1D8
#DBD2D7
#DBD3D6
#DBD4D5
#DFCED7
#DFCFD6
#DFD0D5
#DFD1D4
#DFD2D3
#DFD3D2
#DFD4D1
#E4CCD4
#E4CDD3
#E4CFD1
#E4D0D0
#E4D1CF
#E4D2CE
#E4D4CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts