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 #CCF2D6 to #CCD6F2 and to #F2CCD6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCEEDA
#CDEED9
#CEEDD9
#CFEDD8
#D0EDD7
#D1ECD7
#D2ECD6
#CCE9DF
#CEE9DE
#D0E8DC
#D2E8DB
#D4E7D9
#D6E7D8
#D8E6D6
#CCE5E3
#CFE4E1
#D2E3DF
#D5E3DD
#D8E2DB
#DAE1D9
#DEE0D6
#CCE0E8
#D0DFE5
#D4DEE2
#D8DDDF
#DBDCDC
#DFDBDA
#E4DAD6
#CCDCEC
#D1DBE8
#D6D9E5
#DAD8E1
#DFD7DE
#E4D6DA
#EAD4D6
#CCD6F2
#D2D4EE
#D8D3E9
#DED1E5
#E4D0E0
#EACEDC
#F2CCD6
Colorpallet from #CCF2D6 to #CCD6F2 and to #F2D6CC
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCEEDA
#CDEED9
#CEEED8
#CFEED7
#D0EED6
#D1EED5
#D2EED4
#CCE9DF
#CEE9DD
#D0E9DB
#D2E9D9
#D4E9D7
#D6E9D5
#D8E9D3
#CCE5E3
#CFE5E0
#D2E5DD
#D5E5DA
#D8E5D7
#DAE5D5
#DEE5D1
#CCE0E8
#D0E0E4
#D4E0E0
#D8E0DC
#DBE0D9
#DFE0D5
#E4E0D0
#CCDCEC
#D1DCE7
#D6DCE2
#DADCDE
#DFDCD9
#E4DCD4
#EADCCE
#CCD6F2
#D2D6EC
#D8D6E6
#DED6E0
#E4D6DA
#EAD6D4
#F2D6CC
Colorpallet from #CCF2D6 to #CCD6F2 and to #D6CCF2
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCEEDA
#CCEEDA
#CDEDDA
#CDEDDA
#CDEDDA
#CEECDA
#CEECDA
#CCE9DF
#CCE9DF
#CDE8DF
#CDE8DF
#CEE7DF
#CEE7DF
#CFE6DF
#CCE5E3
#CDE4E3
#CEE3E3
#CEE3E3
#CFE2E3
#D0E1E3
#D1E0E3
#CCE0E8
#CDDFE8
#CEDEE8
#CFDDE8
#D0DCE8
#D1DBE8
#D2DAE8
#CCDCEC
#CDDBEC
#CFD9EC
#D0D8EC
#D1D7EC
#D2D6EC
#D4D4EC
#CCD6F2
#CED4F2
#CFD3F2
#D1D1F2
#D2D0F2
#D4CEF2
#D6CCF2
Colorpallet from #CCF2D6 to #CCD6F2 and to #D6F2CC
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCEEDA
#CCEFD9
#CDEFD8
#CDF0D7
#CDF1D6
#CEF1D5
#CEF2D4
#CCE9DF
#CCEADD
#CDECDB
#CDEDD9
#CEEFD7
#CEF0D5
#CFF2D3
#CCE5E3
#CDE7E0
#CEE9DD
#CEEBDA
#CFEDD7
#D0EFD5
#D1F2D1
#CCE0E8
#CDE3E4
#CEE6E0
#CFE9DC
#D0ECD9
#D1EED5
#D2F2D0
#CCDCEC
#CDE0E7
#CFE3E2
#D0E7DE
#D1EAD9
#D2EED4
#D4F2CE
#CCD6F2
#CEDAEC
#CFDFE6
#D1E3E0
#D2E8DA
#D4ECD4
#D6F2CC
Colorpallet from #CCF2D6 to #F2CCD6 and to #F2D6CC
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#D2ECD6
#D2ECD6
#D2EDD5
#D2EDD5
#D2EDD5
#D2EED4
#D2EED4
#D8E6D6
#D8E6D6
#D8E7D5
#D8E7D5
#D8E8D4
#D8E8D4
#D8E9D3
#DEE0D6
#DEE1D5
#DEE2D4
#DEE2D4
#DEE3D3
#DEE4D2
#DEE5D1
#E4DAD6
#E4DBD5
#E4DCD4
#E4DDD3
#E4DED2
#E4DFD1
#E4E0D0
#EAD4D6
#EAD5D5
#EAD7D3
#EAD8D2
#EAD9D1
#EADAD0
#EADCCE
#F2CCD6
#F2CED4
#F2CFD3
#F2D1D1
#F2D2D0
#F2D4CE
#F2D6CC
Colorpallet from #CCF2D6 to #F2CCD6 and to #D6CCF2
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#D2ECD6
#D1ECD7
#D1ECD7
#D0ECD8
#CFECD9
#CFECD9
#CEECDA
#D8E6D6
#D7E6D7
#D5E6D9
#D4E6DA
#D2E6DC
#D1E6DD
#CFE6DF
#DEE0D6
#DCE0D8
#DAE0DA
#D8E0DC
#D6E0DE
#D4E0E0
#D1E0E3
#E4DAD6
#E1DAD9
#DEDADC
#DBDADF
#D8DAE2
#D6DAE4
#D2DAE8
#EAD4D6
#E6D4DA
#E3D4DD
#DFD4E1
#DCD4E4
#D8D4E8
#D4D4EC
#F2CCD6
#EECCDA
#E9CCDF
#E5CCE3
#E0CCE8
#DCCCEC
#D6CCF2
Colorpallet from #CCF2D6 to #F2CCD6 and to #D6F2CC
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#D2ECD6
#D1EDD6
#D1EED5
#D0EFD5
#CFF0D5
#CFF1D4
#CEF2D4
#D8E6D6
#D7E8D6
#D5EAD5
#D4ECD5
#D2EED4
#D1F0D4
#CFF2D3
#DEE0D6
#DCE3D5
#DAE6D4
#D8E9D4
#D6ECD3
#D4EED2
#D1F2D1
#E4DAD6
#E1DED5
#DEE2D4
#DBE6D3
#D8E9D2
#D6EDD1
#D2F2D0
#EAD4D6
#E6D9D5
#E3DED3
#DFE2D2
#DCE7D1
#D8ECD0
#D4F2CE
#F2CCD6
#EED2D4
#E9D8D3
#E5DED1
#E0E4D0
#DCEACE
#D6F2CC
Colorpallet from #CCF2D6 to #F2D6CC and to #D6CCF2
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#D2EED4
#D1EED5
#D1EDD6
#D0EDD7
#CFEDD8
#CFECD9
#CEECDA
#D8E9D3
#D7E9D5
#D5E8D7
#D4E8D9
#D2E7DB
#D1E7DD
#CFE6DF
#DEE5D1
#DCE4D4
#DAE3D7
#D8E3DA
#D6E2DD
#D4E1DF
#D1E0E3
#E4E0D0
#E1DFD4
#DEDED8
#DBDDDC
#D8DCDF
#D6DBE3
#D2DAE8
#EADCCE
#E6DBD3
#E3D9D8
#DFD8DC
#DCD7E1
#D8D6E6
#D4D4EC
#F2D6CC
#EED4D2
#E9D3D8
#E5D1DE
#E0D0E4
#DCCEEA
#D6CCF2
Colorpallet from #CCF2D6 to #F2D6CC and to #D6F2CC
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#D2EED4
#D1EFD4
#D1EFD4
#D0F0D4
#CFF1D4
#CFF1D4
#CEF2D4
#D8E9D3
#D7EAD3
#D5ECD3
#D4EDD3
#D2EFD3
#D1F0D3
#CFF2D3
#DEE5D1
#DCE7D1
#DAE9D1
#D8EBD1
#D6EDD1
#D4EFD1
#D1F2D1
#E4E0D0
#E1E3D0
#DEE6D0
#DBE9D0
#D8ECD0
#D6EED0
#D2F2D0
#EADCCE
#E6E0CE
#E3E3CE
#DFE7CE
#DCEACE
#D8EECE
#D4F2CE
#F2D6CC
#EEDACC
#E9DFCC
#E5E3CC
#E0E8CC
#DCECCC
#D6F2CC
Colorpallet from #CCF2D6 to #D6CCF2 and to #D6F2CC
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CCF2D6
#CEECDA
#CEEDD9
#CEEED8
#CEEFD7
#CEF0D6
#CEF1D5
#CEF2D4
#CFE6DF
#CFE8DD
#CFEADB
#CFECD9
#CFEED7
#CFF0D5
#CFF2D3
#D1E0E3
#D1E3E0
#D1E6DD
#D1E9DA
#D1ECD7
#D1EED5
#D1F2D1
#D2DAE8
#D2DEE4
#D2E2E0
#D2E6DC
#D2E9D9
#D2EDD5
#D2F2D0
#D4D4EC
#D4D9E7
#D4DEE2
#D4E2DE
#D4E7D9
#D4ECD4
#D4F2CE
#D6CCF2
#D6D2EC
#D6D8E6
#D6DEE0
#D6E4DA
#D6EAD4
#D6F2CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts