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 #CCEFC2 to #CCC2EF and to #EFCCC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCE8C9
#CDE8C8
#CEE8C7
#CFE8C6
#D0E9C5
#D1E9C3
#D2E9C2
#CCE1D0
#CEE1CE
#D0E2CC
#D1E2C9
#D3E3C7
#D5E3C5
#D7E4C2
#CCD9D8
#CFDAD4
#D1DBD1
#D4DBCD
#D7DCCA
#DADDC6
#DDDEC2
#CCD2DF
#D0D3DA
#D3D4D6
#D7D5D1
#DAD6CC
#DED8C8
#E2D9C2
#CCCBE6
#D0CCE0
#D5CEDA
#D9CFD5
#DED0CF
#E2D1C9
#E8D3C2
#CCC2EF
#D2C4E8
#D7C5E1
#DDC7D9
#E2C8D2
#E8CACB
#EFCCC2
Colorpallet from #CCEFC2 to #CCC2EF and to #EFC2CC
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCE8C9
#CDE8C8
#CEE8C7
#CFE8C7
#D0E8C6
#D1E8C5
#D2E8C4
#CCE1D0
#CEE1CE
#D0E1CC
#D1E1CB
#D3E1C9
#D5E1C7
#D7E1C5
#CCD9D8
#CFD9D5
#D1D9D3
#D4D9D0
#D7D9CD
#DAD9CA
#DDD9C7
#CCD2DF
#D0D2DB
#D3D2D8
#D7D2D4
#DAD2D0
#DED2CD
#E2D2C8
#CCCBE6
#D0CBE2
#D5CBDD
#D9CBD9
#DECBD4
#E2CBD0
#E8CBCA
#CCC2EF
#D2C2E9
#D7C2E4
#DDC2DE
#E2C2D9
#E8C2D3
#EFC2CC
Colorpallet from #CCEFC2 to #CCC2EF and to #C2CCEF
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCE8C9
#CCE8C9
#CBE8C9
#CBE8C9
#CBE9C9
#CAE9C9
#CAE9C9
#CCE1D0
#CCE1D0
#CBE2D0
#CBE2D0
#CAE3D0
#CAE3D0
#C9E4D0
#CCD9D8
#CBDAD8
#CADBD8
#CADBD8
#C9DCD8
#C8DDD8
#C7DED8
#CCD2DF
#CBD3DF
#CAD4DF
#C9D5DF
#C8D6DF
#C7D8DF
#C6D9DF
#CCCBE6
#CBCCE6
#C9CEE6
#C8CFE6
#C7D0E6
#C6D1E6
#C4D3E6
#CCC2EF
#CAC4EF
#C9C5EF
#C7C7EF
#C6C8EF
#C4CAEF
#C2CCEF
Colorpallet from #CCEFC2 to #CCC2EF and to #C2EFCC
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCE8C9
#CCE9C8
#CBEAC7
#CBEBC7
#CBECC6
#CAEEC5
#CAEFC4
#CCE1D0
#CCE3CE
#CBE5CC
#CBE8CB
#CAEAC9
#CAECC7
#C9EFC5
#CCD9D8
#CBDDD5
#CAE0D3
#CAE4D0
#C9E7CD
#C8EBCA
#C7EFC7
#CCD2DF
#CBD7DB
#CADBD8
#C9E0D4
#C8E5D0
#C7E9CD
#C6EFC8
#CCCBE6
#CBD1E2
#C9D7DD
#C8DCD9
#C7E2D4
#C6E8D0
#C4EFCA
#CCC2EF
#CAC9E9
#C9D0E4
#C7D8DE
#C6DFD9
#C4E6D3
#C2EFCC
Colorpallet from #CCEFC2 to #EFCCC2 and to #EFC2CC
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#D2E9C2
#D2E9C2
#D2E9C3
#D2E9C3
#D2E8C3
#D2E8C4
#D2E8C4
#D7E4C2
#D7E4C2
#D7E3C3
#D7E3C3
#D7E2C4
#D7E2C4
#D7E1C5
#DDDEC2
#DDDDC3
#DDDCC4
#DDDCC4
#DDDBC5
#DDDAC6
#DDD9C7
#E2D9C2
#E2D8C3
#E2D7C4
#E2D6C5
#E2D5C6
#E2D3C7
#E2D2C8
#E8D3C2
#E8D2C3
#E8D0C5
#E8CFC6
#E8CEC7
#E8CDC8
#E8CBCA
#EFCCC2
#EFCAC4
#EFC9C5
#EFC7C7
#EFC6C8
#EFC4CA
#EFC2CC
Colorpallet from #CCEFC2 to #EFCCC2 and to #C2CCEF
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#D2E9C2
#D1E9C3
#CFE9C4
#CEE9C5
#CDE9C6
#CCE9C8
#CAE9C9
#D7E4C2
#D5E4C4
#D3E4C6
#D0E4C9
#CEE4CB
#CCE4CD
#C9E4D0
#DDDEC2
#D9DEC6
#D6DEC9
#D2DECD
#CFDED0
#CBDED4
#C7DED8
#E2D9C2
#DED9C7
#D9D9CB
#D5D9D0
#D0D9D5
#CCD9D9
#C6D9DF
#E8D3C2
#E2D3C8
#DCD3CE
#D7D3D3
#D1D3D9
#CBD3DF
#C4D3E6
#EFCCC2
#E8CCC9
#E1CCD0
#D9CCD8
#D2CCDF
#CBCCE6
#C2CCEF
Colorpallet from #CCEFC2 to #EFCCC2 and to #C2EFCC
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#D2E9C2
#D1EAC2
#CFEBC3
#CEECC3
#CDEDC3
#CCEEC4
#CAEFC4
#D7E4C2
#D5E6C2
#D3E8C3
#D0E9C3
#CEEBC4
#CCEDC4
#C9EFC5
#DDDEC2
#D9E1C3
#D6E3C4
#D2E6C4
#CFE9C5
#CBECC6
#C7EFC7
#E2D9C2
#DEDDC3
#D9E0C4
#D5E4C5
#D0E7C6
#CCEBC7
#C6EFC8
#E8D3C2
#E2D7C3
#DCDCC5
#D7E0C6
#D1E5C7
#CBE9C8
#C4EFCA
#EFCCC2
#E8D2C4
#E1D7C5
#D9DDC7
#D2E2C8
#CBE8CA
#C2EFCC
Colorpallet from #CCEFC2 to #EFC2CC and to #C2CCEF
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#D2E8C4
#D1E8C5
#CFE8C6
#CEE8C6
#CDE9C7
#CCE9C8
#CAE9C9
#D7E1C5
#D5E1C7
#D3E2C9
#D0E2CA
#CEE3CC
#CCE3CE
#C9E4D0
#DDD9C7
#D9DACA
#D6DBCC
#D2DBCF
#CFDCD2
#CBDDD5
#C7DED8
#E2D2C8
#DED3CC
#D9D4CF
#D5D5D3
#D0D6D7
#CCD8DA
#C6D9DF
#E8CBCA
#E2CCCE
#DCCED3
#D7CFD7
#D1D0DC
#CBD1E0
#C4D3E6
#EFC2CC
#E8C4D2
#E1C5D7
#D9C7DD
#D2C8E2
#CBCAE8
#C2CCEF
Colorpallet from #CCEFC2 to #EFC2CC and to #C2EFCC
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#D2E8C4
#D1E9C4
#CFEAC4
#CEEBC4
#CDECC4
#CCEEC4
#CAEFC4
#D7E1C5
#D5E3C5
#D3E5C5
#D0E8C5
#CEEAC5
#CCECC5
#C9EFC5
#DDD9C7
#D9DDC7
#D6E0C7
#D2E4C7
#CFE7C7
#CBEBC7
#C7EFC7
#E2D2C8
#DED7C8
#D9DBC8
#D5E0C8
#D0E5C8
#CCE9C8
#C6EFC8
#E8CBCA
#E2D1CA
#DCD7CA
#D7DCCA
#D1E2CA
#CBE8CA
#C4EFCA
#EFC2CC
#E8C9CC
#E1D0CC
#D9D8CC
#D2DFCC
#CBE6CC
#C2EFCC
Colorpallet from #CCEFC2 to #C2CCEF and to #C2EFCC
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CCEFC2
#CAE9C9
#CAEAC8
#CAEBC7
#CAECC7
#CAEDC6
#CAEEC5
#CAEFC4
#C9E4D0
#C9E6CE
#C9E8CC
#C9E9CB
#C9EBC9
#C9EDC7
#C9EFC5
#C7DED8
#C7E1D5
#C7E3D3
#C7E6D0
#C7E9CD
#C7ECCA
#C7EFC7
#C6D9DF
#C6DDDB
#C6E0D8
#C6E4D4
#C6E7D0
#C6EBCD
#C6EFC8
#C4D3E6
#C4D7E2
#C4DCDD
#C4E0D9
#C4E5D4
#C4E9D0
#C4EFCA
#C2CCEF
#C2D2E9
#C2D7E4
#C2DDDE
#C2E2D9
#C2E8D3
#C2EFCC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts