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 #D2F8C3 to #D2C3F8 and to #F8D2C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F0CB
#D3F0CA
#D4F1C8
#D5F1C7
#D6F1C6
#D7F2C5
#D8F2C3
#D2E7D4
#D4E8D1
#D6E9CF
#D8E9CC
#DAEAC9
#DCEBC6
#DEECC3
#D2DFDC
#D5E0D8
#D8E1D4
#DBE2D0
#DEE3CC
#E0E5C8
#E4E6C3
#D2D6E5
#D6D8E0
#DAD9DA
#DEDBD5
#E1DCCF
#E5DECA
#EAE0C3
#D2CEED
#D7D0E6
#DCD2E0
#E0D4D9
#E5D6D2
#EAD8CB
#F0DAC3
#D2C3F8
#D8C5F0
#DEC8E7
#E4CADF
#EACDD6
#F0CFCE
#F8D2C3
Colorpallet from #D2F8C3 to #D2C3F8 and to #F8C3D2
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F0CB
#D3F0CA
#D4F0C9
#D5F0C8
#D6F0C7
#D7F0C6
#D8F0C5
#D2E7D4
#D4E7D2
#D6E7D0
#D8E7CE
#DAE7CC
#DCE7CA
#DEE7C8
#D2DFDC
#D5DFD9
#D8DFD6
#DBDFD3
#DEDFD0
#E0DFCE
#E4DFCA
#D2D6E5
#D6D6E1
#DAD6DD
#DED6D9
#E1D6D6
#E5D6D2
#EAD6CD
#D2CEED
#D7CEE8
#DCCEE3
#E0CEDF
#E5CEDA
#EACED5
#F0CECF
#D2C3F8
#D8C3F2
#DEC3EC
#E4C3E6
#EAC3E0
#F0C3DA
#F8C3D2
Colorpallet from #D2F8C3 to #D2C3F8 and to #C3D2F8
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F0CB
#D2F0CB
#D1F1CB
#D1F1CB
#D1F1CB
#D0F2CB
#D0F2CB
#D2E7D4
#D1E8D4
#D0E9D4
#D0E9D4
#CFEAD4
#CEEBD4
#CDECD4
#D2DFDC
#D1E0DC
#D0E1DC
#CFE2DC
#CEE3DC
#CCE5DC
#CBE6DC
#D2D6E5
#D0D8E5
#CFD9E5
#CDDBE5
#CCDCE5
#CADEE5
#C8E0E5
#D2CEED
#D0D0ED
#CED2ED
#CCD4ED
#CAD6ED
#C8D8ED
#C6DAED
#D2C3F8
#D0C5F8
#CDC8F8
#CBCAF8
#C8CDF8
#C6CFF8
#C3D2F8
Colorpallet from #D2F8C3 to #D2C3F8 and to #C3F8D2
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F0CB
#D2F1CA
#D1F3C9
#D1F4C8
#D1F5C7
#D0F6C6
#D0F8C5
#D2E7D4
#D1EAD2
#D0ECD0
#D0EFCE
#CFF2CC
#CEF5CA
#CDF8C8
#D2DFDC
#D1E3D9
#D0E7D6
#CFEBD3
#CEEFD0
#CCF3CE
#CBF8CA
#D2D6E5
#D0DBE1
#CFE1DD
#CDE6D9
#CCECD6
#CAF1D2
#C8F8CD
#D2CEED
#D0D5E8
#CEDBE3
#CCE2DF
#CAE9DA
#C8F0D5
#C6F8CF
#D2C3F8
#D0CBF2
#CDD4EC
#CBDCE6
#C8E5E0
#C6EDDA
#C3F8D2
Colorpallet from #D2F8C3 to #F8D2C3 and to #F8C3D2
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D8F2C3
#D8F2C3
#D8F1C4
#D8F1C4
#D8F1C4
#D8F0C5
#D8F0C5
#DEECC3
#DEEBC4
#DEEAC5
#DEEAC5
#DEE9C6
#DEE8C7
#DEE7C8
#E4E6C3
#E4E5C4
#E4E4C5
#E4E3C6
#E4E2C7
#E4E0C9
#E4DFCA
#EAE0C3
#EADEC5
#EADDC6
#EADBC8
#EADAC9
#EAD8CB
#EAD6CD
#F0DAC3
#F0D8C5
#F0D6C7
#F0D4C9
#F0D2CB
#F0D0CD
#F0CECF
#F8D2C3
#F8D0C5
#F8CDC8
#F8CBCA
#F8C8CD
#F8C6CF
#F8C3D2
Colorpallet from #D2F8C3 to #F8D2C3 and to #C3D2F8
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D8F2C3
#D7F2C4
#D5F2C6
#D4F2C7
#D3F2C8
#D2F2C9
#D0F2CB
#DEECC3
#DBECC6
#D9ECC8
#D6ECCB
#D3ECCE
#D0ECD1
#CDECD4
#E4E6C3
#E0E6C7
#DCE6CB
#D8E6CF
#D4E6D3
#D0E6D7
#CBE6DC
#EAE0C3
#E5E0C8
#DFE0CE
#DAE0D3
#D4E0D9
#CFE0DE
#C8E0E5
#F0DAC3
#E9DACA
#E3DAD0
#DCDAD7
#D5DADE
#CEDAE5
#C6DAED
#F8D2C3
#F0D2CB
#E7D2D4
#DFD2DC
#D6D2E5
#CED2ED
#C3D2F8
Colorpallet from #D2F8C3 to #F8D2C3 and to #C3F8D2
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D8F2C3
#D7F3C3
#D5F4C4
#D4F5C4
#D3F6C4
#D2F7C5
#D0F8C5
#DEECC3
#DBEEC4
#D9F0C5
#D6F2C5
#D3F4C6
#D0F6C7
#CDF8C8
#E4E6C3
#E0E9C4
#DCECC5
#D8EFC6
#D4F2C7
#D0F4C9
#CBF8CA
#EAE0C3
#E5E4C5
#DFE8C6
#DAECC8
#D4EFC9
#CFF3CB
#C8F8CD
#F0DAC3
#E9DFC5
#E3E4C7
#DCE8C9
#D5EDCB
#CEF2CD
#C6F8CF
#F8D2C3
#F0D8C5
#E7DEC8
#DFE4CA
#D6EACD
#CEF0CF
#C3F8D2
Colorpallet from #D2F8C3 to #F8C3D2 and to #C3D2F8
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D8F0C5
#D7F0C6
#D5F1C7
#D4F1C8
#D3F1C9
#D2F2CA
#D0F2CB
#DEE7C8
#DBE8CA
#D9E9CC
#D6E9CE
#D3EAD0
#D0EBD2
#CDECD4
#E4DFCA
#E0E0CD
#DCE1D0
#D8E2D3
#D4E3D6
#D0E5D8
#CBE6DC
#EAD6CD
#E5D8D1
#DFD9D5
#DADBD9
#D4DCDC
#CFDEE0
#C8E0E5
#F0CECF
#E9D0D4
#E3D2D9
#DCD4DD
#D5D6E2
#CED8E7
#C6DAED
#F8C3D2
#F0C5D8
#E7C8DE
#DFCAE4
#D6CDEA
#CECFF0
#C3D2F8
Colorpallet from #D2F8C3 to #F8C3D2 and to #C3F8D2
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D8F0C5
#D7F1C5
#D5F3C5
#D4F4C5
#D3F5C5
#D2F6C5
#D0F8C5
#DEE7C8
#DBEAC8
#D9ECC8
#D6EFC8
#D3F2C8
#D0F5C8
#CDF8C8
#E4DFCA
#E0E3CA
#DCE7CA
#D8EBCA
#D4EFCA
#D0F3CA
#CBF8CA
#EAD6CD
#E5DBCD
#DFE1CD
#DAE6CD
#D4ECCD
#CFF1CD
#C8F8CD
#F0CECF
#E9D5CF
#E3DBCF
#DCE2CF
#D5E9CF
#CEF0CF
#C6F8CF
#F8C3D2
#F0CBD2
#E7D4D2
#DFDCD2
#D6E5D2
#CEEDD2
#C3F8D2
Colorpallet from #D2F8C3 to #C3D2F8 and to #C3F8D2
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D2F8C3
#D0F2CB
#D0F3CA
#D0F4C9
#D0F5C8
#D0F6C7
#D0F7C6
#D0F8C5
#CDECD4
#CDEED2
#CDF0D0
#CDF2CE
#CDF4CC
#CDF6CA
#CDF8C8
#CBE6DC
#CBE9D9
#CBECD6
#CBEFD3
#CBF2D0
#CBF4CE
#CBF8CA
#C8E0E5
#C8E4E1
#C8E8DD
#C8ECD9
#C8EFD6
#C8F3D2
#C8F8CD
#C6DAED
#C6DFE8
#C6E4E3
#C6E8DF
#C6EDDA
#C6F2D5
#C6F8CF
#C3D2F8
#C3D8F2
#C3DEEC
#C3E4E6
#C3EAE0
#C3F0DA
#C3F8D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
