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 #CCF0C7 to #CCC7F0 and to #F0CCC7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCE9CE
#CDE9CD
#CEE9CC
#CFE9CB
#D0EACA
#D1EAC8
#D2EAC7
#CCE3D4
#CEE3D2
#D0E3D0
#D2E3CE
#D4E4CC
#D6E4CA
#D8E4C7
#CCDCDB
#CFDCD8
#D1DDD5
#D4DDD1
#D7DECE
#DADECB
#DDDFC7
#CCD6E1
#D0D6DD
#D3D7D9
#D7D7D5
#DBD8D0
#DED8CC
#E3D9C7
#CCCFE8
#D1D0E3
#D5D0DD
#DAD1D8
#DFD2D3
#E3D2CE
#E9D3C7
#CCC7F0
#D2C8E9
#D8C9E3
#DDC9DC
#E3CAD6
#E9CBCF
#F0CCC7
Colorpallet from #CCF0C7 to #CCC7F0 and to #F0C7CC
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCE9CE
#CDE9CD
#CEE9CC
#CFE9CB
#D0E9CA
#D1E9C9
#D2E9C8
#CCE3D4
#CEE3D2
#D0E3D0
#D2E3CF
#D4E3CD
#D6E3CB
#D8E3C9
#CCDCDB
#CFDCD8
#D1DCD5
#D4DCD2
#D7DCCF
#DADCCD
#DDDCC9
#CCD6E1
#D0D6DD
#D3D6DA
#D7D6D6
#DBD6D2
#DED6CF
#E3D6CA
#CCCFE8
#D1CFE3
#D5CFDF
#DACFDA
#DFCFD5
#E3CFD1
#E9CFCB
#CCC7F0
#D2C7EA
#D8C7E4
#DDC7DF
#E3C7D9
#E9C7D3
#F0C7CC
Colorpallet from #CCF0C7 to #CCC7F0 and to #C7CCF0
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCE9CE
#CCE9CE
#CCE9CE
#CCE9CE
#CBEACE
#CBEACE
#CBEACE
#CCE3D4
#CCE3D4
#CBE3D4
#CBE3D4
#CBE4D4
#CAE4D4
#CAE4D4
#CCDCDB
#CCDCDB
#CBDDDB
#CBDDDB
#CBDEDB
#CADEDB
#CADFDB
#CCD6E1
#CCD6E1
#CBD7E1
#CBD7E1
#CAD8E1
#CAD8E1
#C9D9E1
#CCCFE8
#CBD0E8
#CBD0E8
#CAD1E8
#C9D2E8
#C9D2E8
#C8D3E8
#CCC7F0
#CBC8F0
#CAC9F0
#CAC9F0
#C9CAF0
#C8CBF0
#C7CCF0
Colorpallet from #CCF0C7 to #CCC7F0 and to #C7F0CC
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCE9CE
#CCEACD
#CCEBCC
#CCECCB
#CBEDCA
#CBEFC9
#CBF0C8
#CCE3D4
#CCE5D2
#CBE7D0
#CBE9CF
#CBEBCD
#CAEDCB
#CAF0C9
#CCDCDB
#CCDFD8
#CBE2D5
#CBE6D2
#CBE9CF
#CAECCD
#CAF0C9
#CCD6E1
#CCDADD
#CBDEDA
#CBE2D6
#CAE7D2
#CAEBCF
#C9F0CA
#CCCFE8
#CBD4E3
#CBDADF
#CADFDA
#C9E4D5
#C9E9D1
#C8F0CB
#CCC7F0
#CBCEEA
#CAD4E4
#CADBDF
#C9E1D9
#C8E8D3
#C7F0CC
Colorpallet from #CCF0C7 to #F0CCC7 and to #F0C7CC
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#D2EAC7
#D2EAC7
#D2EAC7
#D2EAC7
#D2E9C8
#D2E9C8
#D2E9C8
#D8E4C7
#D8E4C7
#D8E4C8
#D8E4C8
#D8E3C8
#D8E3C9
#D8E3C9
#DDDFC7
#DDDFC7
#DDDEC8
#DDDEC8
#DDDDC8
#DDDDC9
#DDDCC9
#E3D9C7
#E3D9C7
#E3D8C8
#E3D8C8
#E3D7C9
#E3D7C9
#E3D6CA
#E9D3C7
#E9D2C8
#E9D2C8
#E9D1C9
#E9D0CA
#E9D0CA
#E9CFCB
#F0CCC7
#F0CBC8
#F0CAC9
#F0CAC9
#F0C9CA
#F0C8CB
#F0C7CC
Colorpallet from #CCF0C7 to #F0CCC7 and to #C7CCF0
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#D2EAC7
#D1EAC8
#D0EAC9
#CFEACA
#CEEACB
#CCEACD
#CBEACE
#D8E4C7
#D6E4C9
#D4E4CB
#D1E4CD
#CFE4CF
#CDE4D1
#CAE4D4
#DDDFC7
#DADFCA
#D7DFCD
#D4DFD1
#D1DFD4
#CEDFD7
#CADFDB
#E3D9C7
#DFD9CB
#DBD9CF
#D7D9D3
#D2D9D8
#CED9DC
#C9D9E1
#E9D3C7
#E4D3CC
#DED3D2
#D9D3D7
#D4D3DC
#CFD3E1
#C8D3E8
#F0CCC7
#E9CCCE
#E3CCD4
#DCCCDB
#D6CCE1
#CFCCE8
#C7CCF0
Colorpallet from #CCF0C7 to #F0CCC7 and to #C7F0CC
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#D2EAC7
#D1EBC7
#D0ECC7
#CFEDC7
#CEEEC8
#CCEFC8
#CBF0C8
#D8E4C7
#D6E6C7
#D4E8C8
#D1EAC8
#CFECC8
#CDEEC9
#CAF0C9
#DDDFC7
#DAE2C7
#D7E4C8
#D4E7C8
#D1EAC8
#CEEDC9
#CAF0C9
#E3D9C7
#DFDDC7
#DBE0C8
#D7E4C8
#D2E8C9
#CEEBC9
#C9F0CA
#E9D3C7
#E4D8C8
#DEDCC8
#D9E1C9
#D4E6CA
#CFEACA
#C8F0CB
#F0CCC7
#E9D2C8
#E3D8C9
#DCDDC9
#D6E3CA
#CFE9CB
#C7F0CC
Colorpallet from #CCF0C7 to #F0C7CC and to #C7CCF0
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#D2E9C8
#D1E9C9
#D0E9CA
#CFE9CB
#CEEACC
#CCEACD
#CBEACE
#D8E3C9
#D6E3CB
#D4E3CD
#D1E3CE
#CFE4D0
#CDE4D2
#CAE4D4
#DDDCC9
#DADCCC
#D7DDCF
#D4DDD2
#D1DED5
#CEDED7
#CADFDB
#E3D6CA
#DFD6CE
#DBD7D1
#D7D7D5
#D2D8D9
#CED8DC
#C9D9E1
#E9CFCB
#E4D0D0
#DED0D4
#D9D1D9
#D4D2DE
#CFD2E2
#C8D3E8
#F0C7CC
#E9C8D2
#E3C9D8
#DCC9DD
#D6CAE3
#CFCBE9
#C7CCF0
Colorpallet from #CCF0C7 to #F0C7CC and to #C7F0CC
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#D2E9C8
#D1EAC8
#D0EBC8
#CFECC8
#CEEDC8
#CCEFC8
#CBF0C8
#D8E3C9
#D6E5C9
#D4E7C9
#D1E9C9
#CFEBC9
#CDEDC9
#CAF0C9
#DDDCC9
#DADFC9
#D7E2C9
#D4E6C9
#D1E9C9
#CEECC9
#CAF0C9
#E3D6CA
#DFDACA
#DBDECA
#D7E2CA
#D2E7CA
#CEEBCA
#C9F0CA
#E9CFCB
#E4D4CB
#DEDACB
#D9DFCB
#D4E4CB
#CFE9CB
#C8F0CB
#F0C7CC
#E9CECC
#E3D4CC
#DCDBCC
#D6E1CC
#CFE8CC
#C7F0CC
Colorpallet from #CCF0C7 to #C7CCF0 and to #C7F0CC
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CCF0C7
#CBEACE
#CBEBCD
#CBECCC
#CBEDCB
#CBEECA
#CBEFC9
#CBF0C8
#CAE4D4
#CAE6D2
#CAE8D0
#CAEACF
#CAECCD
#CAEECB
#CAF0C9
#CADFDB
#CAE2D8
#CAE4D5
#CAE7D2
#CAEACF
#CAEDCD
#CAF0C9
#C9D9E1
#C9DDDD
#C9E0DA
#C9E4D6
#C9E8D2
#C9EBCF
#C9F0CA
#C8D3E8
#C8D8E3
#C8DCDF
#C8E1DA
#C8E6D5
#C8EAD1
#C8F0CB
#C7CCF0
#C7D2EA
#C7D8E4
#C7DDDF
#C7E3D9
#C7E9D3
#C7F0CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts