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 #CCF2D7 to #CCD7F2 and to #F2CCD7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCEEDB
#CDEEDA
#CEEDDA
#CFEDD9
#D0EDD8
#D1ECD8
#D2ECD7
#CCE9E0
#CEE9DF
#D0E8DD
#D2E8DC
#D4E7DA
#D6E7D9
#D8E6D7
#CCE5E4
#CFE4E2
#D2E3E0
#D5E3DE
#D8E2DC
#DAE1DA
#DEE0D7
#CCE1E8
#D0E0E5
#D4DFE3
#D8DEE0
#DBDDDD
#DFDBDA
#E4DAD7
#CCDCED
#D1DBE9
#D6D9E6
#DAD8E2
#DFD7DF
#E4D6DB
#EAD4D7
#CCD7F2
#D2D5EE
#D8D3E9
#DED2E5
#E4D0E1
#EACEDC
#F2CCD7
Colorpallet from #CCF2D7 to #CCD7F2 and to #F2D7CC
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCEEDB
#CDEEDA
#CEEED9
#CFEED8
#D0EED7
#D1EED6
#D2EED5
#CCE9E0
#CEE9DE
#D0E9DC
#D2E9DA
#D4E9D8
#D6E9D6
#D8E9D3
#CCE5E4
#CFE5E1
#D2E5DE
#D5E5DB
#D8E5D8
#DAE5D6
#DEE5D2
#CCE1E8
#D0E1E4
#D4E1E0
#D8E1DC
#DBE1D9
#DFE1D5
#E4E1D0
#CCDCED
#D1DCE8
#D6DCE3
#DADCDE
#DFDCD9
#E4DCD4
#EADCCE
#CCD7F2
#D2D7EC
#D8D7E6
#DED7E0
#E4D7DA
#EAD7D4
#F2D7CC
Colorpallet from #CCF2D7 to #CCD7F2 and to #D7CCF2
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCEEDB
#CCEEDB
#CDEDDB
#CDEDDB
#CDEDDB
#CEECDB
#CEECDB
#CCE9E0
#CDE9E0
#CDE8E0
#CEE8E0
#CFE7E0
#CFE7E0
#D0E6E0
#CCE5E4
#CDE4E4
#CEE3E4
#CEE3E4
#CFE2E4
#D0E1E4
#D1E0E4
#CCE1E8
#CDE0E8
#CEDFE8
#CFDEE8
#D0DDE8
#D2DBE8
#D3DAE8
#CCDCED
#CDDBED
#CFD9ED
#D0D8ED
#D2D7ED
#D3D6ED
#D5D4ED
#CCD7F2
#CED5F2
#D0D3F2
#D1D2F2
#D3D0F2
#D5CEF2
#D7CCF2
Colorpallet from #CCF2D7 to #CCD7F2 and to #D7F2CC
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCEEDB
#CCEFDA
#CDEFD9
#CDF0D8
#CDF1D7
#CEF1D6
#CEF2D5
#CCE9E0
#CDEADE
#CDECDC
#CEEDDA
#CFEFD8
#CFF0D6
#D0F2D3
#CCE5E4
#CDE7E1
#CEE9DE
#CEEBDB
#CFEDD8
#D0EFD6
#D1F2D2
#CCE1E8
#CDE4E4
#CEE6E0
#CFE9DC
#D0ECD9
#D2EFD5
#D3F2D0
#CCDCED
#CDE0E8
#CFE3E3
#D0E7DE
#D2EAD9
#D3EED4
#D5F2CE
#CCD7F2
#CEDBEC
#D0E0E6
#D1E4E0
#D3E8DA
#D5EDD4
#D7F2CC
Colorpallet from #CCF2D7 to #F2CCD7 and to #F2D7CC
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#D2ECD7
#D2ECD7
#D2EDD6
#D2EDD6
#D2EDD6
#D2EED5
#D2EED5
#D8E6D7
#D8E6D6
#D8E7D6
#D8E7D5
#D8E8D4
#D8E8D4
#D8E9D3
#DEE0D7
#DEE1D6
#DEE2D5
#DEE2D5
#DEE3D4
#DEE4D3
#DEE5D2
#E4DAD7
#E4DBD6
#E4DCD5
#E4DDD4
#E4DED3
#E4E0D1
#E4E1D0
#EAD4D7
#EAD5D6
#EAD7D4
#EAD8D3
#EAD9D1
#EADAD0
#EADCCE
#F2CCD7
#F2CED5
#F2D0D3
#F2D1D2
#F2D3D0
#F2D5CE
#F2D7CC
Colorpallet from #CCF2D7 to #F2CCD7 and to #D7CCF2
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#D2ECD7
#D1ECD8
#D1ECD8
#D0ECD9
#CFECDA
#CFECDA
#CEECDB
#D8E6D7
#D7E6D8
#D5E6DA
#D4E6DB
#D3E6DD
#D2E6DE
#D0E6E0
#DEE0D7
#DCE0D9
#DAE0DB
#D8E0DD
#D6E0DF
#D4E0E1
#D1E0E4
#E4DAD7
#E1DADA
#DFDADC
#DCDADF
#D9DAE2
#D6DAE5
#D3DAE8
#EAD4D7
#E7D4DB
#E3D4DE
#E0D4E2
#DDD4E5
#D9D4E9
#D5D4ED
#F2CCD7
#EECCDB
#E9CCE0
#E5CCE4
#E1CCE8
#DCCCED
#D7CCF2
Colorpallet from #CCF2D7 to #F2CCD7 and to #D7F2CC
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#D2ECD7
#D1EDD7
#D1EED6
#D0EFD6
#CFF0D6
#CFF1D5
#CEF2D5
#D8E6D7
#D7E8D6
#D5EAD6
#D4ECD5
#D3EED4
#D2F0D4
#D0F2D3
#DEE0D7
#DCE3D6
#DAE6D5
#D8E9D5
#D6ECD4
#D4EED3
#D1F2D2
#E4DAD7
#E1DED6
#DFE2D5
#DCE6D4
#D9E9D3
#D6EDD1
#D3F2D0
#EAD4D7
#E7D9D6
#E3DED4
#E0E2D3
#DDE7D1
#D9ECD0
#D5F2CE
#F2CCD7
#EED2D5
#E9D8D3
#E5DED2
#E1E4D0
#DCEACE
#D7F2CC
Colorpallet from #CCF2D7 to #F2D7CC and to #D7CCF2
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#D2EED5
#D1EED6
#D1EDD7
#D0EDD8
#CFEDD9
#CFECDA
#CEECDB
#D8E9D3
#D7E9D5
#D5E8D7
#D4E8D9
#D3E7DB
#D2E7DD
#D0E6E0
#DEE5D2
#DCE4D5
#DAE3D8
#D8E3DB
#D6E2DE
#D4E1E0
#D1E0E4
#E4E1D0
#E1E0D4
#DFDFD8
#DCDEDC
#D9DDDF
#D6DBE3
#D3DAE8
#EADCCE
#E7DBD3
#E3D9D8
#E0D8DD
#DDD7E2
#D9D6E7
#D5D4ED
#F2D7CC
#EED5D2
#E9D3D8
#E5D2DE
#E1D0E4
#DCCEEA
#D7CCF2
Colorpallet from #CCF2D7 to #F2D7CC and to #D7F2CC
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#D2EED5
#D1EFD5
#D1EFD5
#D0F0D5
#CFF1D5
#CFF1D5
#CEF2D5
#D8E9D3
#D7EAD3
#D5ECD3
#D4EDD3
#D3EFD3
#D2F0D3
#D0F2D3
#DEE5D2
#DCE7D2
#DAE9D2
#D8EBD2
#D6EDD2
#D4EFD2
#D1F2D2
#E4E1D0
#E1E4D0
#DFE6D0
#DCE9D0
#D9ECD0
#D6EFD0
#D3F2D0
#EADCCE
#E7E0CE
#E3E3CE
#E0E7CE
#DDEACE
#D9EECE
#D5F2CE
#F2D7CC
#EEDBCC
#E9E0CC
#E5E4CC
#E1E8CC
#DCEDCC
#D7F2CC
Colorpallet from #CCF2D7 to #D7CCF2 and to #D7F2CC
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CCF2D7
#CEECDB
#CEEDDA
#CEEED9
#CEEFD8
#CEF0D7
#CEF1D6
#CEF2D5
#D0E6E0
#D0E8DE
#D0EADC
#D0ECDA
#D0EED8
#D0F0D6
#D0F2D3
#D1E0E4
#D1E3E1
#D1E6DE
#D1E9DB
#D1ECD8
#D1EED6
#D1F2D2
#D3DAE8
#D3DEE4
#D3E2E0
#D3E6DC
#D3E9D9
#D3EDD5
#D3F2D0
#D5D4ED
#D5D9E8
#D5DEE3
#D5E2DE
#D5E7D9
#D5ECD4
#D5F2CE
#D7CCF2
#D7D2EC
#D7D8E6
#D7DEE0
#D7E4DA
#D7EAD4
#D7F2CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts