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 #D1F2C0 to #D1C0F2 and to #F2D1C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1EAC8
#D2EAC7
#D3EBC5
#D3EBC4
#D4ECC3
#D5ECC2
#D6EDC0
#D1E2D0
#D3E3CD
#D5E4CB
#D6E4C8
#D8E5C6
#DAE6C3
#DCE7C0
#D1DAD8
#D4DBD4
#D6DDD0
#D9DECC
#DBDFC9
#DEE0C5
#E1E2C0
#D1D2E0
#D4D4DB
#D8D6D6
#DBD7D1
#DED9CC
#E2DBC6
#E6DDC0
#D1CAE8
#D5CCE2
#D9CEDB
#DDD1D5
#E2D3CE
#E6D5C8
#EBD8C0
#D1C0F2
#D6C3EA
#DCC5E2
#E1C8DA
#E6CBD2
#EBCECA
#F2D1C0
Colorpallet from #D1F2C0 to #D1C0F2 and to #F2C0D1
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1EAC8
#D2EAC7
#D3EAC6
#D3EAC6
#D4EAC5
#D5EAC4
#D6EAC3
#D1E2D0
#D3E2CE
#D5E2CC
#D6E2CB
#D8E2C9
#DAE2C7
#DCE2C5
#D1DAD8
#D4DAD5
#D6DAD3
#D9DAD0
#DBDACE
#DEDACB
#E1DAC8
#D1D2E0
#D4D2DD
#D8D2D9
#DBD2D6
#DED2D3
#E2D2CF
#E6D2CB
#D1CAE8
#D5CAE4
#D9CAE0
#DDCADC
#E2CAD7
#E6CAD3
#EBCACE
#D1C0F2
#D6C0ED
#DCC0E7
#E1C0E2
#E6C0DD
#EBC0D8
#F2C0D1
Colorpallet from #D1F2C0 to #D1C0F2 and to #C0D1F2
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1EAC8
#D1EAC8
#D0EBC8
#D0EBC8
#CFECC8
#CFECC8
#CEEDC8
#D1E2D0
#D0E3D0
#CFE4D0
#CFE4D0
#CEE5D0
#CDE6D0
#CCE7D0
#D1DAD8
#D0DBD8
#CEDDD8
#CDDED8
#CCDFD8
#CBE0D8
#C9E2D8
#D1D2E0
#CFD4E0
#CDD6E0
#CCD7E0
#CAD9E0
#C8DBE0
#C6DDE0
#D1CAE8
#CFCCE8
#CDCEE8
#CAD1E8
#C8D3E8
#C6D5E8
#C3D8E8
#D1C0F2
#CEC3F2
#CCC5F2
#C9C8F2
#C6CBF2
#C3CEF2
#C0D1F2
Colorpallet from #D1F2C0 to #D1C0F2 and to #C0F2D1
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1EAC8
#D1EBC7
#D0EDC6
#D0EEC6
#CFEFC5
#CFF0C4
#CEF2C3
#D1E2D0
#D0E5CE
#CFE7CC
#CFEACB
#CEECC9
#CDEFC7
#CCF2C5
#D1DAD8
#D0DED5
#CEE2D3
#CDE6D0
#CCE9CE
#CBEDCB
#C9F2C8
#D1D2E0
#CFD7DD
#CDDCD9
#CCE1D6
#CAE6D3
#C8ECCF
#C6F2CB
#D1CAE8
#CFD0E4
#CDD7E0
#CADDDC
#C8E4D7
#C6EAD3
#C3F2CE
#D1C0F2
#CEC8ED
#CCD0E7
#C9D8E2
#C6E0DD
#C3E8D8
#C0F2D1
Colorpallet from #D1F2C0 to #F2D1C0 and to #F2C0D1
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D6EDC0
#D6EDC0
#D6ECC1
#D6ECC1
#D6EBC2
#D6EBC2
#D6EAC3
#DCE7C0
#DCE6C1
#DCE5C2
#DCE5C2
#DCE4C3
#DCE3C4
#DCE2C5
#E1E2C0
#E1E1C1
#E1DFC3
#E1DEC4
#E1DDC5
#E1DCC6
#E1DAC8
#E6DDC0
#E6DBC2
#E6D9C4
#E6D8C5
#E6D6C7
#E6D4C9
#E6D2CB
#EBD8C0
#EBD6C2
#EBD4C4
#EBD1C7
#EBCFC9
#EBCDCB
#EBCACE
#F2D1C0
#F2CEC3
#F2CCC5
#F2C9C8
#F2C6CB
#F2C3CE
#F2C0D1
Colorpallet from #D1F2C0 to #F2D1C0 and to #C0D1F2
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D6EDC0
#D5EDC1
#D3EDC3
#D2EDC4
#D1EDC5
#D0EDC6
#CEEDC8
#DCE7C0
#D9E7C3
#D7E7C5
#D4E7C8
#D2E7CA
#CFE7CD
#CCE7D0
#E1E2C0
#DDE2C4
#D9E2C8
#D5E2CC
#D2E2CF
#CEE2D3
#C9E2D8
#E6DDC0
#E1DDC5
#DCDDCA
#D7DDCF
#D2DDD4
#CCDDDA
#C6DDE0
#EBD8C0
#E5D8C6
#DED8CD
#D8D8D3
#D1D8DA
#CBD8E0
#C3D8E8
#F2D1C0
#EAD1C8
#E2D1D0
#DAD1D8
#D2D1E0
#CAD1E8
#C0D1F2
Colorpallet from #D1F2C0 to #F2D1C0 and to #C0F2D1
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D6EDC0
#D5EEC0
#D3EFC1
#D2EFC1
#D1F0C2
#D0F1C2
#CEF2C3
#DCE7C0
#D9E9C1
#D7EBC2
#D4ECC2
#D2EEC3
#CFF0C4
#CCF2C5
#E1E2C0
#DDE5C1
#D9E7C3
#D5EAC4
#D2ECC5
#CEEFC6
#C9F2C8
#E6DDC0
#E1E0C2
#DCE4C4
#D7E7C5
#D2EAC7
#CCEEC9
#C6F2CB
#EBD8C0
#E5DCC2
#DEE0C4
#D8E4C7
#D1E9C9
#CBEDCB
#C3F2CE
#F2D1C0
#EAD6C3
#E2DCC5
#DAE1C8
#D2E6CB
#CAEBCE
#C0F2D1
Colorpallet from #D1F2C0 to #F2C0D1 and to #C0D1F2
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D6EAC3
#D5EAC4
#D3EBC5
#D2EBC5
#D1ECC6
#D0ECC7
#CEEDC8
#DCE2C5
#D9E3C7
#D7E4C9
#D4E4CA
#D2E5CC
#CFE6CE
#CCE7D0
#E1DAC8
#DDDBCB
#D9DDCD
#D5DED0
#D2DFD2
#CEE0D5
#C9E2D8
#E6D2CB
#E1D4CE
#DCD6D2
#D7D7D5
#D2D9D8
#CCDBDC
#C6DDE0
#EBCACE
#E5CCD2
#DECED6
#D8D1DA
#D1D3DF
#CBD5E3
#C3D8E8
#F2C0D1
#EAC3D6
#E2C5DC
#DAC8E1
#D2CBE6
#CACEEB
#C0D1F2
Colorpallet from #D1F2C0 to #F2C0D1 and to #C0F2D1
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D6EAC3
#D5EBC3
#D3EDC3
#D2EEC3
#D1EFC3
#D0F0C3
#CEF2C3
#DCE2C5
#D9E5C5
#D7E7C5
#D4EAC5
#D2ECC5
#CFEFC5
#CCF2C5
#E1DAC8
#DDDEC8
#D9E2C8
#D5E6C8
#D2E9C8
#CEEDC8
#C9F2C8
#E6D2CB
#E1D7CB
#DCDCCB
#D7E1CB
#D2E6CB
#CCECCB
#C6F2CB
#EBCACE
#E5D0CE
#DED7CE
#D8DDCE
#D1E4CE
#CBEACE
#C3F2CE
#F2C0D1
#EAC8D1
#E2D0D1
#DAD8D1
#D2E0D1
#CAE8D1
#C0F2D1
Colorpallet from #D1F2C0 to #C0D1F2 and to #C0F2D1
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#D1F2C0
#CEEDC8
#CEEEC7
#CEEFC6
#CEEFC6
#CEF0C5
#CEF1C4
#CEF2C3
#CCE7D0
#CCE9CE
#CCEBCC
#CCECCB
#CCEEC9
#CCF0C7
#CCF2C5
#C9E2D8
#C9E5D5
#C9E7D3
#C9EAD0
#C9ECCE
#C9EFCB
#C9F2C8
#C6DDE0
#C6E0DD
#C6E4D9
#C6E7D6
#C6EAD3
#C6EECF
#C6F2CB
#C3D8E8
#C3DCE4
#C3E0E0
#C3E4DC
#C3E9D7
#C3EDD3
#C3F2CE
#C0D1F2
#C0D6ED
#C0DCE7
#C0E1E2
#C0E6DD
#C0EBD8
#C0F2D1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
