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 #CCE4D7 to #CCD7E4 and to #E4CCD7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE2D9
#CDE2D9
#CDE1D8
#CEE1D8
#CFE1D8
#CFE0D7
#D0E0D7
#CCE0DB
#CDDFDA
#CFDFDA
#D0DED9
#D1DDD8
#D2DDD8
#D4DCD7
#CCDEDD
#CEDDDC
#D0DCDB
#D2DBDA
#D4DAD9
#D6D9D8
#D8D8D7
#CCDCDF
#CEDBDE
#D1DADC
#D3D9DB
#D6D8DA
#D8D6D9
#DBD5D7
#CCDAE1
#CFD9DF
#D2D7DE
#D5D6DC
#D8D4DB
#DBD3D9
#DFD1D7
#CCD7E4
#D0D5E2
#D4D3E0
#D8D2DE
#DBD0DC
#DFCEDA
#E4CCD7
Colorpallet from #CCE4D7 to #CCD7E4 and to #E4D7CC
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE2D9
#CDE2D8
#CDE2D8
#CEE2D7
#CFE2D6
#CFE2D6
#D0E2D5
#CCE0DB
#CDE0DA
#CFE0D8
#D0E0D7
#D1E0D6
#D2E0D5
#D4E0D3
#CCDEDD
#CEDEDB
#D0DED9
#D2DED8
#D4DED6
#D6DED4
#D8DED2
#CCDCDF
#CEDCDD
#D1DCDA
#D3DCD8
#D6DCD5
#D8DCD3
#DBDCD0
#CCDAE1
#CFDADE
#D2DADB
#D5DAD8
#D8DAD5
#DBDAD2
#DFDACE
#CCD7E4
#D0D7E0
#D4D7DC
#D8D7D8
#DBD7D5
#DFD7D1
#E4D7CC
Colorpallet from #CCE4D7 to #CCD7E4 and to #D7CCE4
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE2D9
#CCE2D9
#CDE1D9
#CDE1D9
#CDE1D9
#CEE0D9
#CEE0D9
#CCE0DB
#CDDFDB
#CDDFDB
#CEDEDB
#CFDDDB
#CFDDDB
#D0DCDB
#CCDEDD
#CDDDDD
#CEDCDD
#CEDBDD
#CFDADD
#D0D9DD
#D1D8DD
#CCDCDF
#CDDBDF
#CEDADF
#CFD9DF
#D0D8DF
#D2D6DF
#D3D5DF
#CCDAE1
#CDD9E1
#CFD7E1
#D0D6E1
#D2D4E1
#D3D3E1
#D5D1E1
#CCD7E4
#CED5E4
#D0D3E4
#D1D2E4
#D3D0E4
#D5CEE4
#D7CCE4
Colorpallet from #CCE4D7 to #CCD7E4 and to #D7E4CC
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE2D9
#CCE2D8
#CDE3D8
#CDE3D7
#CDE3D6
#CEE4D6
#CEE4D5
#CCE0DB
#CDE1DA
#CDE1D8
#CEE2D7
#CFE3D6
#CFE3D5
#D0E4D3
#CCDEDD
#CDDFDB
#CEE0D9
#CEE1D8
#CFE2D6
#D0E3D4
#D1E4D2
#CCDCDF
#CDDDDD
#CEDFDA
#CFE0D8
#D0E1D5
#D2E2D3
#D3E4D0
#CCDAE1
#CDDCDE
#CFDDDB
#D0DFD8
#D2E0D5
#D3E2D2
#D5E4CE
#CCD7E4
#CED9E0
#D0DBDC
#D1DDD8
#D3DFD5
#D5E1D1
#D7E4CC
Colorpallet from #CCE4D7 to #E4CCD7 and to #E4D7CC
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#D0E0D7
#D0E0D7
#D0E1D6
#D0E1D6
#D0E1D6
#D0E2D5
#D0E2D5
#D4DCD7
#D4DDD6
#D4DDD6
#D4DED5
#D4DFD4
#D4DFD4
#D4E0D3
#D8D8D7
#D8D9D6
#D8DAD5
#D8DBD5
#D8DCD4
#D8DDD3
#D8DED2
#DBD5D7
#DBD6D6
#DBD7D5
#DBD8D4
#DBD9D3
#DBDBD1
#DBDCD0
#DFD1D7
#DFD2D6
#DFD4D4
#DFD5D3
#DFD7D1
#DFD8D0
#DFDACE
#E4CCD7
#E4CED5
#E4D0D3
#E4D1D2
#E4D3D0
#E4D5CE
#E4D7CC
Colorpallet from #CCE4D7 to #E4CCD7 and to #D7CCE4
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#D0E0D7
#D0E0D7
#CFE0D8
#CFE0D8
#CFE0D8
#CEE0D9
#CEE0D9
#D4DCD7
#D3DCD8
#D3DCD8
#D2DCD9
#D1DCDA
#D1DCDA
#D0DCDB
#D8D8D7
#D7D8D8
#D6D8D9
#D5D8DA
#D4D8DB
#D2D8DC
#D1D8DD
#DBD5D7
#DAD5D8
#D8D5DA
#D7D5DB
#D6D5DC
#D5D5DD
#D3D5DF
#DFD1D7
#DDD1D9
#DCD1DA
#DAD1DC
#D9D1DD
#D7D1DF
#D5D1E1
#E4CCD7
#E2CCD9
#E0CCDB
#DECCDD
#DCCCDF
#DACCE1
#D7CCE4
Colorpallet from #CCE4D7 to #E4CCD7 and to #D7E4CC
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#D0E0D7
#D0E1D7
#CFE1D6
#CFE2D6
#CFE3D6
#CEE3D5
#CEE4D5
#D4DCD7
#D3DDD6
#D3DFD6
#D2E0D5
#D1E1D4
#D1E2D4
#D0E4D3
#D8D8D7
#D7DAD6
#D6DCD5
#D5DED5
#D4E0D4
#D2E2D3
#D1E4D2
#DBD5D7
#DAD7D6
#D8DAD5
#D7DCD4
#D6DFD3
#D5E1D1
#D3E4D0
#DFD1D7
#DDD4D6
#DCD7D4
#DADAD3
#D9DDD1
#D7E0D0
#D5E4CE
#E4CCD7
#E2D0D5
#E0D4D3
#DED8D2
#DCDBD0
#DADFCE
#D7E4CC
Colorpallet from #CCE4D7 to #E4D7CC and to #D7CCE4
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#D0E2D5
#D0E2D6
#CFE1D6
#CFE1D7
#CFE1D8
#CEE0D8
#CEE0D9
#D4E0D3
#D3DFD4
#D3DFD6
#D2DED7
#D1DDD8
#D1DDD9
#D0DCDB
#D8DED2
#D7DDD4
#D6DCD6
#D5DBD7
#D4DAD9
#D2D9DB
#D1D8DD
#DBDCD0
#DADBD2
#D8DAD5
#D7D9D7
#D6D8DA
#D5D6DC
#D3D5DF
#DFDACE
#DDD9D1
#DCD7D4
#DAD6D7
#D9D4DA
#D7D3DD
#D5D1E1
#E4D7CC
#E2D5D0
#E0D3D4
#DED2D8
#DCD0DB
#DACEDF
#D7CCE4
Colorpallet from #CCE4D7 to #E4D7CC and to #D7E4CC
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#D0E2D5
#D0E2D5
#CFE3D5
#CFE3D5
#CFE3D5
#CEE4D5
#CEE4D5
#D4E0D3
#D3E1D3
#D3E1D3
#D2E2D3
#D1E3D3
#D1E3D3
#D0E4D3
#D8DED2
#D7DFD2
#D6E0D2
#D5E1D2
#D4E2D2
#D2E3D2
#D1E4D2
#DBDCD0
#DADDD0
#D8DFD0
#D7E0D0
#D6E1D0
#D5E2D0
#D3E4D0
#DFDACE
#DDDCCE
#DCDDCE
#DADFCE
#D9E0CE
#D7E2CE
#D5E4CE
#E4D7CC
#E2D9CC
#E0DBCC
#DEDDCC
#DCDFCC
#DAE1CC
#D7E4CC
Colorpallet from #CCE4D7 to #D7CCE4 and to #D7E4CC
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CCE4D7
#CEE0D9
#CEE1D8
#CEE1D8
#CEE2D7
#CEE3D6
#CEE3D6
#CEE4D5
#D0DCDB
#D0DDDA
#D0DFD8
#D0E0D7
#D0E1D6
#D0E2D5
#D0E4D3
#D1D8DD
#D1DADB
#D1DCD9
#D1DED8
#D1E0D6
#D1E2D4
#D1E4D2
#D3D5DF
#D3D7DD
#D3DADA
#D3DCD8
#D3DFD5
#D3E1D3
#D3E4D0
#D5D1E1
#D5D4DE
#D5D7DB
#D5DAD8
#D5DDD5
#D5E0D2
#D5E4CE
#D7CCE4
#D7D0E0
#D7D4DC
#D7D8D8
#D7DBD5
#D7DFD1
#D7E4CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
