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 #CCE9D3 to #CCD3E9 and to #E9CCD3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE5D7
#CDE5D6
#CEE5D6
#CEE5D5
#CFE4D4
#D0E4D4
#D1E4D3
#CCE2DA
#CDE2D9
#CFE1D8
#D0E1D7
#D2E1D6
#D3E0D4
#D5E0D3
#CCDEDE
#CEDEDC
#D0DDDA
#D3DDD9
#D5DCD7
#D7DCD5
#DADBD3
#CCDBE1
#CFDADF
#D2D9DD
#D5D9DA
#D8D8D8
#DBD7D6
#DFD6D3
#CCD7E5
#D0D6E2
#D3D5DF
#D7D5DC
#DBD4D9
#DED3D7
#E3D2D3
#CCD3E9
#D1D2E5
#D5D1E2
#DAD0DE
#DFCFDB
#E3CDD7
#E9CCD3
Colorpallet from #CCE9D3 to #CCD3E9 and to #E9D3CC
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE5D7
#CDE5D6
#CEE5D5
#CEE5D5
#CFE5D4
#D0E5D3
#D1E5D2
#CCE2DA
#CDE2D9
#CFE2D7
#D0E2D6
#D2E2D4
#D3E2D3
#D5E2D1
#CCDEDE
#CEDEDC
#D0DEDA
#D3DED7
#D5DED5
#D7DED3
#DADED0
#CCDBE1
#CFDBDE
#D2DBDB
#D5DBD8
#D8DBD5
#DBDBD3
#DFDBCF
#CCD7E5
#D0D7E1
#D3D7DD
#D7D7D9
#DBD7D6
#DED7D2
#E3D7CD
#CCD3E9
#D1D3E4
#D5D3E0
#DAD3DB
#DFD3D6
#E3D3D2
#E9D3CC
Colorpallet from #CCE9D3 to #CCD3E9 and to #D3CCE9
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE5D7
#CCE5D7
#CCE5D7
#CCE5D7
#CDE4D7
#CDE4D7
#CDE4D7
#CCE2DA
#CCE2DA
#CDE1DA
#CDE1DA
#CDE1DA
#CEE0DA
#CEE0DA
#CCDEDE
#CCDEDE
#CDDDDE
#CDDDDE
#CEDCDE
#CEDCDE
#CFDBDE
#CCDBE1
#CDDAE1
#CDD9E1
#CED9E1
#CFD8E1
#CFD7E1
#D0D6E1
#CCD7E5
#CDD6E5
#CED5E5
#CFD5E5
#D0D4E5
#D1D3E5
#D2D2E5
#CCD3E9
#CDD2E9
#CED1E9
#CFD0E9
#D0CFE9
#D2CDE9
#D3CCE9
Colorpallet from #CCE9D3 to #CCD3E9 and to #D3E9CC
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE5D7
#CCE6D6
#CCE6D5
#CCE7D5
#CDE8D4
#CDE8D3
#CDE9D2
#CCE2DA
#CCE3D9
#CDE4D7
#CDE5D6
#CDE6D4
#CEE8D3
#CEE9D1
#CCDEDE
#CCE0DC
#CDE2DA
#CDE3D7
#CEE5D5
#CEE7D3
#CFE9D0
#CCDBE1
#CDDDDE
#CDDFDB
#CEE2D8
#CFE4D5
#CFE6D3
#D0E9CF
#CCD7E5
#CDDAE1
#CEDDDD
#CFE0D9
#D0E3D6
#D1E5D2
#D2E9CD
#CCD3E9
#CDD7E4
#CEDAE0
#CFDEDB
#D0E1D6
#D2E5D2
#D3E9CC
Colorpallet from #CCE9D3 to #E9CCD3 and to #E9D3CC
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#D1E4D3
#D1E4D3
#D1E4D3
#D1E4D3
#D1E5D2
#D1E5D2
#D1E5D2
#D5E0D3
#D5E0D3
#D5E1D2
#D5E1D2
#D5E1D2
#D5E2D1
#D5E2D1
#DADBD3
#DADBD3
#DADCD2
#DADCD2
#DADDD1
#DADDD1
#DADED0
#DFD6D3
#DFD7D2
#DFD8D2
#DFD8D1
#DFD9D0
#DFDAD0
#DFDBCF
#E3D2D3
#E3D3D2
#E3D4D1
#E3D4D0
#E3D5CF
#E3D6CE
#E3D7CD
#E9CCD3
#E9CDD2
#E9CED1
#E9CFD0
#E9D0CF
#E9D2CD
#E9D3CC
Colorpallet from #CCE9D3 to #E9CCD3 and to #D3CCE9
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#D1E4D3
#D0E4D4
#D0E4D4
#CFE4D5
#CEE4D6
#CEE4D6
#CDE4D7
#D5E0D3
#D4E0D4
#D3E0D5
#D2E0D6
#D1E0D7
#CFE0D9
#CEE0DA
#DADBD3
#D8DBD5
#D6DBD7
#D5DBD8
#D3DBDA
#D1DBDC
#CFDBDE
#DFD6D3
#DDD6D5
#DAD6D7
#D8D6DA
#D5D6DC
#D3D6DE
#D0D6E1
#E3D2D3
#E0D2D6
#DED2D9
#DBD2DC
#D8D2DF
#D5D2E1
#D2D2E5
#E9CCD3
#E5CCD7
#E2CCDA
#DECCDE
#DBCCE1
#D7CCE5
#D3CCE9
Colorpallet from #CCE9D3 to #E9CCD3 and to #D3E9CC
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#D1E4D3
#D0E5D3
#D0E6D3
#CFE6D3
#CEE7D2
#CEE8D2
#CDE9D2
#D5E0D3
#D4E1D3
#D3E3D2
#D2E4D2
#D1E6D2
#CFE7D1
#CEE9D1
#DADBD3
#D8DDD3
#D6DFD2
#D5E2D2
#D3E4D1
#D1E6D1
#CFE9D0
#DFD6D3
#DDD9D2
#DADCD2
#D8DFD1
#D5E2D0
#D3E5D0
#D0E9CF
#E3D2D3
#E0D6D2
#DED9D1
#DBDDD0
#D8E1CF
#D5E4CE
#D2E9CD
#E9CCD3
#E5D1D2
#E2D5D1
#DEDAD0
#DBDFCF
#D7E3CD
#D3E9CC
Colorpallet from #CCE9D3 to #E9D3CC and to #D3CCE9
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#D1E5D2
#D0E5D3
#D0E5D4
#CFE5D4
#CEE4D5
#CEE4D6
#CDE4D7
#D5E2D1
#D4E2D2
#D3E1D4
#D2E1D5
#D1E1D7
#CFE0D8
#CEE0DA
#DADED0
#D8DED2
#D6DDD4
#D5DDD7
#D3DCD9
#D1DCDB
#CFDBDE
#DFDBCF
#DDDAD2
#DAD9D5
#D8D9D8
#D5D8DB
#D3D7DD
#D0D6E1
#E3D7CD
#E0D6D1
#DED5D5
#DBD5D9
#D8D4DC
#D5D3E0
#D2D2E5
#E9D3CC
#E5D2D1
#E2D1D5
#DED0DA
#DBCFDF
#D7CDE3
#D3CCE9
Colorpallet from #CCE9D3 to #E9D3CC and to #D3E9CC
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#D1E5D2
#D0E6D2
#D0E6D2
#CFE7D2
#CEE8D2
#CEE8D2
#CDE9D2
#D5E2D1
#D4E3D1
#D3E4D1
#D2E5D1
#D1E6D1
#CFE8D1
#CEE9D1
#DADED0
#D8E0D0
#D6E2D0
#D5E3D0
#D3E5D0
#D1E7D0
#CFE9D0
#DFDBCF
#DDDDCF
#DADFCF
#D8E2CF
#D5E4CF
#D3E6CF
#D0E9CF
#E3D7CD
#E0DACD
#DEDDCD
#DBE0CD
#D8E3CD
#D5E5CD
#D2E9CD
#E9D3CC
#E5D7CC
#E2DACC
#DEDECC
#DBE1CC
#D7E5CC
#D3E9CC
Colorpallet from #CCE9D3 to #D3CCE9 and to #D3E9CC
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CCE9D3
#CDE4D7
#CDE5D6
#CDE6D5
#CDE6D5
#CDE7D4
#CDE8D3
#CDE9D2
#CEE0DA
#CEE1D9
#CEE3D7
#CEE4D6
#CEE6D4
#CEE7D3
#CEE9D1
#CFDBDE
#CFDDDC
#CFDFDA
#CFE2D7
#CFE4D5
#CFE6D3
#CFE9D0
#D0D6E1
#D0D9DE
#D0DCDB
#D0DFD8
#D0E2D5
#D0E5D3
#D0E9CF
#D2D2E5
#D2D6E1
#D2D9DD
#D2DDD9
#D2E1D6
#D2E4D2
#D2E9CD
#D3CCE9
#D3D1E4
#D3D5E0
#D3DADB
#D3DFD6
#D3E3D2
#D3E9CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts