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 #D1E5C6 to #D1C6E5 and to #E5D1C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E0CB
#D1E0CA
#D2E1C9
#D2E1C9
#D3E1C8
#D3E2C7
#D4E2C6
#D1DBD0
#D2DCCE
#D3DCCD
#D4DDCB
#D5DECA
#D6DEC8
#D7DFC6
#D1D6D5
#D3D7D3
#D4D8D0
#D6D8CE
#D7D9CB
#D9DAC9
#DBDBC6
#D1D1DA
#D3D2D7
#D5D3D4
#D7D4D0
#D9D5CD
#DBD7CA
#DED8C6
#D1CCDF
#D4CDDB
#D6CFD7
#D9D0D3
#DBD2CF
#DED3CB
#E1D5C6
#D1C6E5
#D4C8E0
#D7CADB
#DBCBD6
#DECDD1
#E1CFCC
#E5D1C6
Colorpallet from #D1E5C6 to #D1C6E5 and to #E5C6D1
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E0CB
#D1E0CB
#D2E0CA
#D2E0CA
#D3E0C9
#D3E0C9
#D4E0C8
#D1DBD0
#D2DBCF
#D3DBCE
#D4DBCD
#D5DBCC
#D6DBCB
#D7DBCA
#D1D6D5
#D3D6D3
#D4D6D2
#D6D6D0
#D7D6CF
#D9D6CD
#DBD6CB
#D1D1DA
#D3D1D8
#D5D1D6
#D7D1D4
#D9D1D2
#DBD1D0
#DED1CD
#D1CCDF
#D4CCDC
#D6CCDA
#D9CCD7
#DBCCD5
#DECCD2
#E1CCCF
#D1C6E5
#D4C6E2
#D7C6DF
#DBC6DB
#DEC6D8
#E1C6D5
#E5C6D1
Colorpallet from #D1E5C6 to #D1C6E5 and to #C6D1E5
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E0CB
#D1E0CB
#D0E1CB
#D0E1CB
#D0E1CB
#CFE2CB
#CFE2CB
#D1DBD0
#D0DCD0
#D0DCD0
#CFDDD0
#CEDED0
#CEDED0
#CDDFD0
#D1D6D5
#D0D7D5
#CFD8D5
#CFD8D5
#CED9D5
#CDDAD5
#CCDBD5
#D1D1DA
#D0D2DA
#CFD3DA
#CED4DA
#CDD5DA
#CBD7DA
#CAD8DA
#D1CCDF
#D0CDDF
#CECFDF
#CDD0DF
#CBD2DF
#CAD3DF
#C8D5DF
#D1C6E5
#CFC8E5
#CDCAE5
#CCCBE5
#CACDE5
#C8CFE5
#C6D1E5
Colorpallet from #D1E5C6 to #D1C6E5 and to #C6E5D1
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E0CB
#D1E1CB
#D0E2CA
#D0E2CA
#D0E3C9
#CFE4C9
#CFE5C8
#D1DBD0
#D0DDCF
#D0DECE
#CFE0CD
#CEE1CC
#CEE3CB
#CDE5CA
#D1D6D5
#D0D8D3
#CFDBD2
#CFDDD0
#CEE0CF
#CDE2CD
#CCE5CB
#D1D1DA
#D0D4D8
#CFD7D6
#CEDBD4
#CDDED2
#CBE1D0
#CAE5CD
#D1CCDF
#D0D0DC
#CED4DA
#CDD8D7
#CBDCD5
#CAE0D2
#C8E5CF
#D1C6E5
#CFCBE2
#CDD0DF
#CCD5DB
#CADAD8
#C8DFD5
#C6E5D1
Colorpallet from #D1E5C6 to #E5D1C6 and to #E5C6D1
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D4E2C6
#D4E2C6
#D4E1C7
#D4E1C7
#D4E1C7
#D4E0C8
#D4E0C8
#D7DFC6
#D7DEC7
#D7DEC7
#D7DDC8
#D7DCC9
#D7DCC9
#D7DBCA
#DBDBC6
#DBDAC7
#DBD9C8
#DBD9C8
#DBD8C9
#DBD7CA
#DBD6CB
#DED8C6
#DED7C7
#DED6C8
#DED5C9
#DED4CA
#DED2CC
#DED1CD
#E1D5C6
#E1D4C7
#E1D2C9
#E1D1CA
#E1CFCC
#E1CECD
#E1CCCF
#E5D1C6
#E5CFC8
#E5CDCA
#E5CCCB
#E5CACD
#E5C8CF
#E5C6D1
Colorpallet from #D1E5C6 to #E5D1C6 and to #C6D1E5
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D4E2C6
#D3E2C7
#D2E2C8
#D2E2C8
#D1E2C9
#D0E2CA
#CFE2CB
#D7DFC6
#D5DFC8
#D4DFC9
#D2DFCB
#D1DFCC
#CFDFCE
#CDDFD0
#DBDBC6
#D9DBC8
#D6DBCB
#D4DBCD
#D1DBD0
#CFDBD2
#CCDBD5
#DED8C6
#DBD8C9
#D8D8CC
#D4D8D0
#D1D8D3
#CED8D6
#CAD8DA
#E1D5C6
#DDD5CA
#D9D5CE
#D5D5D2
#D1D5D6
#CDD5DA
#C8D5DF
#E5D1C6
#E0D1CB
#DBD1D0
#D6D1D5
#D1D1DA
#CCD1DF
#C6D1E5
Colorpallet from #D1E5C6 to #E5D1C6 and to #C6E5D1
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D4E2C6
#D3E2C6
#D2E3C7
#D2E3C7
#D1E4C7
#D0E4C8
#CFE5C8
#D7DFC6
#D5E0C7
#D4E1C7
#D2E2C8
#D1E3C9
#CFE4C9
#CDE5CA
#DBDBC6
#D9DDC7
#D6DEC8
#D4E0C8
#D1E1C9
#CFE3CA
#CCE5CB
#DED8C6
#DBDAC7
#D8DCC8
#D4DEC9
#D1E0CA
#CEE2CC
#CAE5CD
#E1D5C6
#DDD8C7
#D9DAC9
#D5DDCA
#D1DFCC
#CDE2CD
#C8E5CF
#E5D1C6
#E0D4C8
#DBD7CA
#D6DBCB
#D1DECD
#CCE1CF
#C6E5D1
Colorpallet from #D1E5C6 to #E5C6D1 and to #C6D1E5
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D4E0C8
#D3E0C8
#D2E1C9
#D2E1C9
#D1E1CA
#D0E2CA
#CFE2CB
#D7DBCA
#D5DCCB
#D4DCCC
#D2DDCD
#D1DECE
#CFDECF
#CDDFD0
#DBD6CB
#D9D7CD
#D6D8CE
#D4D8D0
#D1D9D1
#CFDAD3
#CCDBD5
#DED1CD
#DBD2CF
#D8D3D1
#D4D4D3
#D1D5D5
#CED7D7
#CAD8DA
#E1CCCF
#DDCDD2
#D9CFD4
#D5D0D7
#D1D2D9
#CDD3DC
#C8D5DF
#E5C6D1
#E0C8D4
#DBCAD7
#D6CBDB
#D1CDDE
#CCCFE1
#C6D1E5
Colorpallet from #D1E5C6 to #E5C6D1 and to #C6E5D1
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D4E0C8
#D3E1C8
#D2E2C8
#D2E2C8
#D1E3C8
#D0E4C8
#CFE5C8
#D7DBCA
#D5DDCA
#D4DECA
#D2E0CA
#D1E1CA
#CFE3CA
#CDE5CA
#DBD6CB
#D9D8CB
#D6DBCB
#D4DDCB
#D1E0CB
#CFE2CB
#CCE5CB
#DED1CD
#DBD4CD
#D8D7CD
#D4DBCD
#D1DECD
#CEE1CD
#CAE5CD
#E1CCCF
#DDD0CF
#D9D4CF
#D5D8CF
#D1DCCF
#CDE0CF
#C8E5CF
#E5C6D1
#E0CBD1
#DBD0D1
#D6D5D1
#D1DAD1
#CCDFD1
#C6E5D1
Colorpallet from #D1E5C6 to #C6D1E5 and to #C6E5D1
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#D1E5C6
#CFE2CB
#CFE2CB
#CFE3CA
#CFE3CA
#CFE4C9
#CFE4C9
#CFE5C8
#CDDFD0
#CDE0CF
#CDE1CE
#CDE2CD
#CDE3CC
#CDE4CB
#CDE5CA
#CCDBD5
#CCDDD3
#CCDED2
#CCE0D0
#CCE1CF
#CCE3CD
#CCE5CB
#CAD8DA
#CADAD8
#CADCD6
#CADED4
#CAE0D2
#CAE2D0
#CAE5CD
#C8D5DF
#C8D8DC
#C8DADA
#C8DDD7
#C8DFD5
#C8E2D2
#C8E5CF
#C6D1E5
#C6D4E2
#C6D7DF
#C6DBDB
#C6DED8
#C6E1D5
#C6E5D1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts