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 #D3E8A9 to #D3A9E8 and to #E8D3A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3DEB3
#D3DFB1
#D4E0B0
#D4E1AE
#D5E2AD
#D5E4AB
#D6E5A9
#D3D4BD
#D4D6BA
#D5D8B7
#D6DAB3
#D7DCB0
#D9DEAD
#DAE1A9
#D3CAC7
#D5CDC2
#D6D0BD
#D8D4B9
#D9D7B4
#DBDAAF
#DDDEA9
#D3C0D1
#D5C4CB
#D7C9C4
#D9CDBE
#DBD1B7
#DDD6B1
#E0DBA9
#D3B6DB
#D6BBD3
#D8C1CB
#DBC6C3
#DECBBB
#E1D0B3
#E4D7A9
#D3A9E8
#D6B0DE
#DAB6D4
#DDBDCA
#E0C4C0
#E4CBB6
#E8D3A9
Colorpallet from #D3E8A9 to #D3A9E8 and to #E8A9D3
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3DEB3
#D3DEB3
#D4DEB2
#D4DEB2
#D5DEB1
#D5DEB1
#D6DEB0
#D3D4BD
#D4D4BC
#D5D4BB
#D6D4BA
#D7D4B9
#D9D4B7
#DAD4B6
#D3CAC7
#D5CAC5
#D6CAC4
#D8CAC2
#D9CAC1
#DBCABF
#DDCABD
#D3C0D1
#D5C0CF
#D7C0CD
#D9C0CB
#DBC0C9
#DDC0C7
#E0C0C4
#D3B6DB
#D6B6D8
#D8B6D6
#DBB6D3
#DEB6D1
#E1B6CE
#E4B6CB
#D3A9E8
#D6A9E5
#DAA9E1
#DDA9DE
#E0A9DB
#E4A9D7
#E8A9D3
Colorpallet from #D3E8A9 to #D3A9E8 and to #A9D3E8
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3DEB3
#D2DFB3
#D1E0B3
#D0E1B3
#CFE2B3
#CDE4B3
#CCE5B3
#D3D4BD
#D1D6BD
#CFD8BD
#CDDABD
#CBDCBD
#C9DEBD
#C6E1BD
#D3CAC7
#D0CDC7
#CDD0C7
#C9D4C7
#C6D7C7
#C3DAC7
#BFDEC7
#D3C0D1
#CFC4D1
#CAC9D1
#C6CDD1
#C2D1D1
#BDD6D1
#B8DBD1
#D3B6DB
#CEBBDB
#C8C1DB
#C3C6DB
#BDCBDB
#B8D0DB
#B1D7DB
#D3A9E8
#CCB0E8
#C6B6E8
#BFBDE8
#B8C4E8
#B1CBE8
#A9D3E8
Colorpallet from #D3E8A9 to #D3A9E8 and to #A9E8D3
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3DEB3
#D2E0B3
#D1E1B2
#D0E3B2
#CFE4B1
#CDE6B1
#CCE8B0
#D3D4BD
#D1D7BC
#CFDABB
#CDDEBA
#CBE1B9
#C9E4B7
#C6E8B6
#D3CAC7
#D0CFC5
#CDD4C4
#C9D8C2
#C6DDC1
#C3E2BF
#BFE8BD
#D3C0D1
#CFC6CF
#CACDCD
#C6D3CB
#C2DAC9
#BDE0C7
#B8E8C4
#D3B6DB
#CEBED8
#C8C6D6
#C3CED3
#BDD6D1
#B8DECE
#B1E8CB
#D3A9E8
#CCB3E5
#C6BDE1
#BFC7DE
#B8D1DB
#B1DBD7
#A9E8D3
Colorpallet from #D3E8A9 to #E8D3A9 and to #E8A9D3
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D6E5A9
#D6E4AA
#D6E3AB
#D6E2AC
#D6E1AD
#D6DFAF
#D6DEB0
#DAE1A9
#DADFAB
#DADDAD
#DADBAF
#DAD9B1
#DAD7B3
#DAD4B6
#DDDEA9
#DDDBAC
#DDD8AF
#DDD4B3
#DDD1B6
#DDCEB9
#DDCABD
#E0DBA9
#E0D7AD
#E0D2B2
#E0CEB6
#E0CABA
#E0C5BF
#E0C0C4
#E4D7A9
#E4D2AE
#E4CCB4
#E4C7B9
#E4C2BF
#E4BDC4
#E4B6CB
#E8D3A9
#E8CCB0
#E8C6B6
#E8BFBD
#E8B8C4
#E8B1CB
#E8A9D3
Colorpallet from #D3E8A9 to #E8D3A9 and to #A9D3E8
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D6E5A9
#D4E5AB
#D3E5AC
#D1E5AE
#D0E5AF
#CEE5B1
#CCE5B3
#DAE1A9
#D7E1AC
#D4E1AF
#D0E1B3
#CDE1B6
#CAE1B9
#C6E1BD
#DDDEA9
#D8DEAE
#D3DEB3
#CFDEB7
#CADEBC
#C5DEC1
#BFDEC7
#E0DBA9
#DADBAF
#D3DBB6
#CDDBBC
#C6DBC3
#C0DBC9
#B8DBD1
#E4D7A9
#DCD7B1
#D4D7B9
#CCD7C1
#C3D7C9
#BBD7D1
#B1D7DB
#E8D3A9
#DED3B3
#D4D3BD
#CAD3C7
#C0D3D1
#B6D3DB
#A9D3E8
Colorpallet from #D3E8A9 to #E8D3A9 and to #A9E8D3
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D6E5A9
#D4E5AA
#D3E6AB
#D1E6AC
#D0E7AD
#CEE7AF
#CCE8B0
#DAE1A9
#D7E2AB
#D4E3AD
#D0E4AF
#CDE5B1
#CAE7B3
#C6E8B6
#DDDEA9
#D8E0AC
#D3E1AF
#CFE3B3
#CAE4B6
#C5E6B9
#BFE8BD
#E0DBA9
#DADDAD
#D3DFB2
#CDE1B6
#C6E3BA
#C0E5BF
#B8E8C4
#E4D7A9
#DCDAAE
#D4DCB4
#CCDFB9
#C3E2BF
#BBE5C4
#B1E8CB
#E8D3A9
#DED6B0
#D4DAB6
#CADDBD
#C0E0C4
#B6E4CB
#A9E8D3
Colorpallet from #D3E8A9 to #E8A9D3 and to #A9D3E8
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D6DEB0
#D4DFB0
#D3E0B1
#D1E1B1
#D0E2B2
#CEE4B2
#CCE5B3
#DAD4B6
#D7D6B7
#D4D8B8
#D0DAB9
#CDDCBA
#CADEBC
#C6E1BD
#DDCABD
#D8CDBF
#D3D0C0
#CFD4C2
#CAD7C3
#C5DAC5
#BFDEC7
#E0C0C4
#DAC4C6
#D3C9C8
#CDCDCA
#C6D1CC
#C0D6CE
#B8DBD1
#E4B6CB
#DCBBCE
#D4C1D0
#CCC6D3
#C3CBD5
#BBD0D8
#B1D7DB
#E8A9D3
#DEB0D6
#D4B6DA
#CABDDD
#C0C4E0
#B6CBE4
#A9D3E8
Colorpallet from #D3E8A9 to #E8A9D3 and to #A9E8D3
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D6DEB0
#D4E0B0
#D3E1B0
#D1E3B0
#D0E4B0
#CEE6B0
#CCE8B0
#DAD4B6
#D7D7B6
#D4DAB6
#D0DEB6
#CDE1B6
#CAE4B6
#C6E8B6
#DDCABD
#D8CFBD
#D3D4BD
#CFD8BD
#CADDBD
#C5E2BD
#BFE8BD
#E0C0C4
#DAC6C4
#D3CDC4
#CDD3C4
#C6DAC4
#C0E0C4
#B8E8C4
#E4B6CB
#DCBECB
#D4C6CB
#CCCECB
#C3D6CB
#BBDECB
#B1E8CB
#E8A9D3
#DEB3D3
#D4BDD3
#CAC7D3
#C0D1D3
#B6DBD3
#A9E8D3
Colorpallet from #D3E8A9 to #A9D3E8 and to #A9E8D3
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#D3E8A9
#CCE5B3
#CCE5B3
#CCE6B2
#CCE6B2
#CCE7B1
#CCE7B1
#CCE8B0
#C6E1BD
#C6E2BC
#C6E3BB
#C6E4BA
#C6E5B9
#C6E7B7
#C6E8B6
#BFDEC7
#BFE0C5
#BFE1C4
#BFE3C2
#BFE4C1
#BFE6BF
#BFE8BD
#B8DBD1
#B8DDCF
#B8DFCD
#B8E1CB
#B8E3C9
#B8E5C7
#B8E8C4
#B1D7DB
#B1DAD8
#B1DCD6
#B1DFD3
#B1E2D1
#B1E5CE
#B1E8CB
#A9D3E8
#A9D6E5
#A9DAE1
#A9DDDE
#A9E0DB
#A9E4D7
#A9E8D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
